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.