javascript - 如何使用查询选择器选择另一个特定 div 内的特定元素？

Question

代码是这样的

<div class="linkPillar">
  <a href="github"><img src="github.png" alt="GitHub"></a>
  <a href="facebook"><img src="fb.png" alt="facebook"></a>
</div>

我想在linkPillar中选择所有a而不给它们每个id。有什么办法可以做吗，谢谢

标签： javascriptcss

Answer 1

您可以使用查询选择器来查找元素：

console.log(document.querySelectorAll('.linkPillar a'));

<div class="linkPillar">
        <a href="github"><img src="github.png" alt="GitHub"></a>
        <a href="facebook"><img src="fb.png" alt="facebook"></a>
</div>