JavaScript querySelectorAll()

Question

编写.querySelectorAll()代码以查找作为具有类的元素的后代的所有段落元素：articles

找到所有这些元素的代码是什么？我试过

document.querySelectorAll("p>.articles")

它不起作用。

Answer 1

p>.articles意思是：“获取所有”.articles的直接子代<p>。

• .articles是具有“文章”类的任何元素的类选择器
• p是一个类型选择器用于<p>小号
• >是子组合器选择器，意味着您想要上一个选择器的直接子代

反转您的查询并删除立即选择器： .articles p

console.log(document.querySelectorAll(".article p").length);

<div class="article">
  <p>Foo</p>
  <p>Foo</p>
  <p>Foo</p>
  <p>Foo</p>
  <p>Foo</p>
  <p>Foo</p>
</div>