Cómo eliminar una clase de un elemento DOM

TL;DR: Utilice el método remove() en element.classList

Cuando tienes una referencia a un elemento DOM, puedes eliminar una clase usando el removemétodo:

element.classList.remove('myclass')

Puedes agregarle una nueva clase usando el addmétodo:

element.classList.add('myclass')

Detalle de implementación: classListno es una matriz, sino una colección de tipo DOMTokenList .

No se puede editar directamente classListporque es una propiedad de solo lectura. Sin embargo, se pueden usar sus métodos para cambiar las clases de elementos.

Tal vez te puede interesar:

1. Introducción a React
2. Agregar evento de clic a los elementos DOM devueltos desde querySelectorAll
3. Cómo cambiar el valor de un nodo DOM
4. Cómo comprobar si un elemento DOM tiene una clase