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

Question

假设我想在 p.

中找到所有 div 元素和 span

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

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

Answer 1

是的。您可以使用 CSS:

中允许的相同逻辑运算符

或：带逗号的链式选择器

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

AND：没有空格的链选择器

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

不是：:not()-选择器

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