How to change an element’s class with JavaScript?

Spread the love

Sometimes, we want to change an element’s class with JavaScript.

In this article, we’ll look at how to change an element’s class with JavaScript.

How to change an element’s class with JavaScript?

To change an element’s class with JavaScript, we use the classList property.

For instance, we write

document.getElementById("MyElement").classList.add("MyClass");

document.getElementById("MyElement").classList.remove("MyClass");

if (document.getElementById("MyElement").classList.contains("MyClass")) {
  //...
}

document.getElementById("MyElement").classList.toggle("MyClass");

to use classList.add to add the MyClass class.

We use classList.remove to remove the MyClass class.

And we use classList.contains to check if the MyClass class is in the element.

We use classList.toggle to toggle the MyClass class on the element.

Conclusion

To change an element’s class with JavaScript, we use the classList property.

Leave a Reply

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