How to Select Element That Does Not have Specific Class

by

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)"))
 <ul id="tasks">
    <li class="completed selected">One Task</li>
    <li>Two Task</li>
  </ul>

More Related Contents:

  1. Class methods as event handlers in JavaScript?
  2. How to read with JavaScript [closed]
  3. Javascript counting all the characters from a HTML document
  4. Submit form without page reloading
  5. Submit two forms with one button
  6. Is there a spec that the id of elements should be made global variable?
  7. Double quote in JavaScript string
  8. Selecting all text in HTML text input when clicked
  9. Is it possible to trap CORS errors?
  10. Stop embedded youtube iframe?
  11. Infinity Loop Slider Concepts
  12. “This” within es6 class method [duplicate]
  13. Where should I put the CSS and Javascript code in an HTML webpage?
  14. DOMException: Failed to load because no supported source was found
  15. How to mute an html5 video player using jQuery
  16. Where’s the connection between index.html and index.js in a Create-React-App application?
  17. event.clipboardData.setData in copy event
  18. how to exchange variables between two HTML pages?
  19. Saving and loading an image from localStorage
  20. Can we use the value of localStorage from other domains?
  21. Resource interpreted as Script but transferred with MIME type text/plain – for local file
  22. How best to make a link submit a form
  23. Can I use the id of an HTML element as a variable in JavaScript? [duplicate]
  24. How to properly unload/destroy a VIDEO element
  25. How to hide optgroup/option elements?
  26. What does this mean: “document.write(‘
  27. HTML5 Video duration without playing video
  28. When to access the attribute (vs the property)?
  29. How to save and edit a file using JavaScript?
  30. Replacement for deprecated `keypress` DOM event

Leave a Comment