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

Question

假设我想在div内找到所有span元素和p。是否有可能在一个`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"