Question

页面包含许多标签。如何遍历所有这些并将其“href”替换为“http://example.com”？

（不要使用jQuery）

Answer 1

var links = document.getElementsByTagName("a"); 
for (var i = 0; i < links.length; i++) { 
    links[i].href = "http://example.com";
}

Answer 2

您可以使用document.links集合。它由W3C定义，并得到所有常见浏览器的支持。

此外，您不仅可以访问<a>元素，还可以访问<area>标记（通常用于客户端图像映射）。

for(var i=0; i < document.links.length; i++) {
   document.links[i].href = "http://example.com";
}

Answer 3

您必须使用getElementsByTagName()获取所有链接，然后循环浏览它们以更改href属性。

var links = document.getElementsByTagName('a');

if(links) { // if none are found, do not continue
    for(var i = 0; i < links.length; i++) {
        links[i].href = 'http://example.com/';
    }
}

Answer 4

var links = document.getElementsByTagName("a");
for (i=0;i<links.length;i++)
    links[i].href = "http://example.com";

Answer 5

for(var i=0,L=document.links.length;i <L; i++) {
   document.links[i].href = "http://example.com";
}

或者加载一个20 kb的库并编写少量代码。

如何使用常规JavaScript查看每个<a> tag and change the href?</a>

5 个答案: