How to remove a class from a DOM element

Learning JavaScript? Download my free JavaScript Handbook 🔥

When you have a DOM element reference you can remove a class using the remove method:

element.classList.remove('myclass')

You can add a new class to it by using the add method:

element.classList.add('myclass')

Implementation detail: classList is not an array, but rather it is a collection of type DOMTokenList.

You can’t directly edit classList because it’s a read-only property. You can however use its methods to change the element classes.

Here's my latest YouTube video. I talk about why I think that dogs are a great help for developers working remotely: