这是HTML代码:
<span class="holder">
<a href="/menu/page1">Navigate</a>
</span>
我想选择所有带有类持有人的标签,然后在这些持有人下更改a
标签的href 。
我尝试过的是:
var holders = document.getElementsByClassName('holder'),
i = holders.length;
while(i--) {
holders[i].getElementsByTagName('a').href = "http://www.google.com";
}
但是上面的代码不起作用。它不会将href从更改/menu/page1
为我的自定义链接。我究竟做错了什么?
由于我正在使用某些外部网页,因此无法使用jquery。请只使用Javascript解决方案。谢谢你。
由于perent元素可能包含同一标签的多个实例,因此getElementsByTagName
返回元素/节点的集合
因此,您必须像处理数组一样处理它。波纹管是做到这一点的最好方法之一
var holders = document.getElementsByClassName('holder'),
i = holders.length;
while(i--) {
var anchors = holders[i].getElementsByTagName('a');
for (var j = 0; j < anchors.length; j++) {
anchors[j].href="'http://www.google.com";
}
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句