如何在querySelectorAll（）中排除特定的类名？

Question

如何排除具有特定类名的标记元素？

<span class="test" />
<span class="test asd" />

document.querySelectorAll('span.test'); //how to exclude all spans with "asd" as class name?

Answer 1

使用:not CSS伪类：

document.querySelectorAll('span.test:not(.asd)');

Answer 2

使用CSS's negation pseudo-selector, :not()：

document.querySelectorAll('span.test:not(.asd)');

  

否定伪类:not(X)是一个功能符号，它将一个简单的选择器（不包括否定伪类本身）作为参数。它表示一个未被其参数表示的元素。

Answer 3

按tagName的元素，并忽略或排除具有特定类的元素：

document.querySelectorAll(`svg,div:not([class*="background"]`)