How to remove a class from elements in pure JavaScript?

by 
var elems = document.querySelectorAll(".widget.hover");

[].forEach.call(elems, function(el) {
    el.classList.remove("hover");
});

You can patch .classList into IE9. Otherwise, you’ll need to modify the .className.

var elems = document.querySelectorAll(".widget.hover");

[].forEach.call(elems, function(el) {
    el.className = el.className.replace(/\bhover\b/, "");
});

The .forEach() also needs a patch for IE8, but that’s pretty common anyway.

More Related Contents:

  1. What do querySelectorAll and getElementsBy* methods return?
  2. Iterating over result of getElementsByClassName using Array.forEach
  3. How to getElementByClass instead of GetElementById with JavaScript?
  4. Strange behavior when iterating over HTMLCollection from getElementsByClassName
  5. How to use getElementsByClassName in javascript-function? [duplicate]
  6. Get element inside element by class and ID – JavaScript
  7. getElementsByClassName to change the style of elements when event occurs [duplicate]
  8. How to force browser to show image 3 inches wide?
  9. Are ‘Arrow Functions’ and ‘Functions’ equivalent / interchangeable?
  10. load and execute order of scripts
  11. Why doesn’t indexOf work on an array IE8?
  12. How is almost everything in Javascript an object?
  13. Mongoose and multiple database in single node.js project
  14. babel-loader jsx SyntaxError: Unexpected token [duplicate]
  15. How to concatenate properties from multiple JavaScript objects
  16. How get total sum from input box values using Javascript?
  17. JavaScript Time Zone is wrong for past Daylight Saving Time transition rules
  18. GraphQL Blackbox / “Any” type?
  19. Using Jasmine to spy on a function without an object
  20. jQuery/Javascript function to clear all the fields of a form [duplicate]
  21. How to set javascript variables using MVC4 with Razor
  22. Copy to clipboard without Flash
  23. Effect of declared and undeclared variables
  24. What are express.json() and express.urlencoded()?
  25. jQuery UI Dialog Box – does not open after being closed
  26. How to create an array of object literals in a loop?
  27. Upgrade to Babel 7: Cannot read property ‘bindings’ of null
  28. Something happened to my google map api script
  29. Getting the text from a drop-down box
  30. Why does .then() chained to Promise.resolve() allow const declaration to be reassigned?

Leave a Comment