Javascript:如何加入所有链接(数组)

Question

我有这样的 HTML:

<div id="divid">
  <a href="d#link1">1</a>
    <a href="d#link2">2</a>
    <a href="d#link3">3</a>
    .....................
</div>

我使用下面的脚本加入，但无法加入。帮我看看。

var links = document.getElementById('divid').getElementsByTagName('a');
for (var i = 0; i < links.length; i++) {
  links[i] = links[i].href;
}
document.write('<div class="' + links.join(" ") + '">Class is added links</div>');

这意味着加入后我有 HTML :

<div class="d#link1 d#link2 d#link3">Class is added links</div>

Answer 1

var as = document.getElementById('divid').getElementsByTagName('a');
var links = [];
for (var i = 0; i < as.length; i++) {
  links[i] = as[i].href;
}
// work with links here

console.log('<div class="' + links.join(" ") + '">Class is added links</div>');

JSfiddle here .

请注意，这会导致麻烦，因为相对于当前域，链接已完全解析。您可能希望使用另一个属性来包含这些类。