Método toggle del objeto classList

El método toggle del objeto classList alterna una clase CSS específica de un elemento: añade la clase si no está presente y la elimina si ya existe.

Sintaxis

elemento.classList.toggle(clase);

Ejemplo

En este ejemplo, al usar el método toggle la clase zzz se eliminará, ya que ya está presente en el elemento:

let elem = document.querySelector('#elem');
elem.classList.toggle('zzz');

Resultado de ejecutar el código:

Ejemplo

En este ejemplo, al usar el método toggle la clase zzz se añadirá, ya que no está presente en el elemento:

let elem = document.querySelector('#elem');
elem.classList.toggle('zzz');

Resultado de ejecutar el código:

Ver también

método classList.add,
que añade una clase específica
método classList.remove,
que elimina una clase específica
método classList.contains,
que verifica una clase específica