How to exclude specific class names in querySelectorAll()?

Question

How can I exclude tag elements that have a specific class name?

document.querySelectorAll(\'span         


        

Answer 1

Use the CSS's negation pseudo-selector, :not():

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

The negation pseudo-class, :not(X), is a functional notation taking a simple selector (excluding the negation pseudo-class itself) as an argument. It represents an element that is not represented by its argument.