How to remove a class from a DOM element

Published Oct 21 2018

Psssst! The 2023 WEB DEVELOPMENT BOOTCAMP is starting on FEBRUARY 01, 2023! SIGNUPS ARE NOW OPEN to this 10-weeks cohort course. Learn the fundamentals, HTML, CSS, JS, Tailwind, React, Next.js and much more! ✨

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.

I write books for developers 👇🏼

JavaScript Python Golang C PHP Swift HTML CSS React Node.js Svelte Next.js Linux Express.js SQL

made in Italy 🇮🇹 using

Notion to Site