如何选择父类javascript中的标记？
如何选择父类javascript中的标记？
提问于 2018-08-20 05:27:59
我可以用它来选择文档中的所有锚标签，这很好.
var anchors = document.getElementsByTagName('a');专门用于将“href”功能替换为“onClick”(用于从没有javascript的地方扩展功能，添加缩略图等)
除了如何让它只选择某个父元素类中的锚元素（例如pics），只留下大量的锚点？
<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>
function go() {
var anchorElements = document.getElementsByTagName('a');
for (var i in anchorElements)
anchorElements[i].style.backgroundColor = "red";
}a{background-color:#0F0;}<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>我知道解决方法只是通过应用于需要修改的元素的类进行选择。
回答 1
Stack Overflow用户
发布于 2018-08-20 15:15:53
使用querySelectorAll('.pics a') :
function go() {
var anchorElements = document.querySelectorAll('.pics a');
for (var i in anchorElements)
anchorElements[i].style.backgroundColor = "red";
}a{background-color:#0F0;}<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>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/-100008803
复制相关文章
相似问题
腾讯云开发者
