Categories
JavaScript Answers

How to remove a class from elements in pure JavaScript?

Spread the love

Sometimes, we want to remove a class from elements in pure JavaScript.

In this article, we’ll look at how to remove a class from elements in pure JavaScript.

How to remove a class from elements in pure JavaScript?

To remove a class from elements in pure JavaScript, we use the classList.remove method.

For instance, we write

Array.from(document.querySelectorAll(".widget.hover")).forEach((el) => {
  el.classList.remove("hover");
});

to select all elements with the widget and hover classes with querySelectorAll.

Then we call Array.from on the returned node list to convert it to an array.

Next, we call forEach with a callback that calls classList.remove to remove the hover class from each element el.

Conclusion

To remove a class from elements in pure JavaScript, we use the classList.remove method.

By John Au-Yeung

Web developer specializing in React, Vue, and front end development.

Leave a Reply

Your email address will not be published. Required fields are marked *