我可以用它来选择文档中的所有锚标签,这很好.
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>
我知道解决方法只是通过应用于需要修改的元素的类进行选择。
发布于 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>
https://stackoverflow.com/questions/-100008803
复制相似问题