javascript - 我可以将逻辑运算符放在 document.querySelectorAll 中吗？如果是这样，如何？

Question

假设我想在 p 中找到所有 div 元素和 span。

是否可以在单个 querySelectorAll 调用中获得我想要的所有内容？

从概念上讲，它应该类似于 document.querySelectorAll("div | p span")(其中 | 表示或)。

Answer 1

是的。您可以使用 CSS 中允许的相同逻辑运算符:

OR: 带逗号的链选择器

document.querySelectorAll('div, p span');
// selects divs, and spans in ps

AND:没有空格的链式选择器

document.querySelectorAll('div.myClass');
// selects divs with the class "myClass"

NOT: :not()-选择器

document.querySelectorAll('div:not(.myClass)');
// selects divs that do not have the class "myClass"