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

javascriptelemento.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:

html<p id="elem" class="www ggg zzz"></p>

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

Resultado de ejecutar el código:

html<p id="elem" class="www ggg"></p>

Ejemplo

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

html<p id="elem" class="www ggg"></p>

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

Resultado de ejecutar el código:

html<p id="elem" class="www ggg zzz"></p>

Ver también