首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何选择父类javascript中的标记?

如何选择父类javascript中的标记?
EN

Stack Overflow用户
提问于 2018-08-20 05:27:59
回答 1查看 0关注 0票数 0

我可以用它来选择文档中的所有锚标签,这很好.

代码语言:txt
复制
var anchors = document.getElementsByTagName('a');

专门用于将“href”功能替换为“onClick”(用于从没有javascript的地方扩展功能,添加缩略图等)

除了如何让它只选择某个父元素类中的锚元素(例如pics),只留下大量的锚点?

代码语言:txt
复制
<a href="img/TEST/pretty.jpg">ignore me</a>
<div class="pics">
 <a href="img/TEST/testPic1.jpg">1 stuff....</a>
 <a href="img/TEST/testPic2.jpg">2 stuff...</a>
 <a href="img/TEST/TestPic3.jpg">3 stuff..</a>
 ...
 <a href="img/TEST/TestPicN.jpg">n stuff..</a>
 

代码语言:txt
复制
function go() {
    var anchorElements = document.getElementsByTagName('a');
    for (var i in anchorElements)
        anchorElements[i].style.backgroundColor = "red";
}
代码语言:txt
复制
a{background-color:#0F0;}
代码语言:txt
复制
<a href="img/TEST/pretty.jpg">ignore me</a>
<div class="pics">
 <a href="img/TEST/testPic1.jpg">1 stuff....</a>
 <a href="img/TEST/testPic2.jpg">2 stuff...</a>
 <a href="img/TEST/TestPic3.jpg">3 stuff..</a>
 ...
 <a href="img/TEST/TestPicN.jpg">n stuff..</a>
</div>
<button onclick="go()">Go!</button>

​我知道解决方法只是通过应用于需要修改的元素的类进行选择。

EN

回答 1

Stack Overflow用户

发布于 2018-08-20 15:15:53

使用querySelectorAll('.pics a') :

代码语言:txt
复制
function go() {
    var anchorElements = document.querySelectorAll('.pics a');
    for (var i in anchorElements)
        anchorElements[i].style.backgroundColor = "red";
}
代码语言:txt
复制
a{background-color:#0F0;}
代码语言:txt
复制
<a href="img/TEST/pretty.jpg">ignore me</a>
<div class="pics">
 <a href="img/TEST/testPic1.jpg">1 stuff....</a>
 <a href="img/TEST/testPic2.jpg">2 stuff...</a>
 <a href="img/TEST/TestPic3.jpg">3 stuff..</a>
 ...
 <a href="img/TEST/TestPicN.jpg">n stuff..</a>
</div>
<button onclick="go()">Go!</button>

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/-100008803

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档