无法使用getElementsByTagName选择子元素

哈马德

这是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] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

无法使用子选择器定位特定的LI元素

来自分类Dev

无法使用JQuery / CSS选择子元素:nth-child选择器

来自分类Dev

无法选择特定类别的子元素

来自分类Dev

c#无法使用getelementbyid,getelementsbytagname获取内容页面中的元素

来自分类Dev

使用缓存的选择器(jQuery)选择子元素

来自分类Dev

如何使用javascript选择悬停元素的子元素?

来自分类Dev

如何选择/使用元素的子元素。Java脚本

来自分类Dev

当子元素使用 selenium 匹配文本时选择父子元素

来自分类Dev

使用类选择器的GetElementsByTagName

来自分类Dev

超级菜单-无法在悬停时选择子元素

来自分类Dev

无法使用jQuery选择元素的同级

来自分类Dev

无法使用DOM获取子元素

来自分类Dev

使用图像叠加层(card-img-overlay)时,无法再在chrome开发工具中选择子元素

来自分类Dev

空手道UI:无法使用友好的定位器找到子元素并寻找其他选择

来自分类Dev

使用CSS3 not选择器仅选择不是特定元素的子元素的元素

来自分类Dev

onclick选择子元素

来自分类Dev

选择子元素

来自分类Dev

选择子元素jQuery

来自分类Dev

选择子元素的值

来自分类Dev

如何 getElementsByTagName 其中元素是 body 标签的子级

来自分类Dev

选择父元素的子元素

来自分类Dev

选择子元素而不选择父元素

来自分类Dev

如何使用CSS在div中选择子元素

来自分类Dev

如何使用nokogiri仅选择包含某些子元素的段落?

来自分类Dev

使用cheerio在子元素上应用选择器

来自分类Dev

CSS无法选择p元素的最后一个子元素

来自分类Dev

无法选择元素

来自分类Dev

在<section>下选择子元素

来自分类Dev

用jQuery选择子元素

Related 相关文章

热门标签

归档