How to Select Element That Does Not have Specific Class

Question

I\'m wondering how to select an element that does not have a specific class using JavaScript, not jQuery.

For example, I have this list:

Answer 1

This selects the second LI element.

document.querySelector("li:not([class])")

or

document.querySelector("li:not(.completed):not(.selected)")

Example:

// select li which doesn't have a 'class' attribute...
console.log(document.querySelector("li:not([class])"))

// select li which doesn't have a '.completed' and a '.selected' class...
console.log(document.querySelector("li:not(.completed):not(.selected)"))

 

    
One Task
    
Two Task