Metodo toggle dell'oggetto classList

Il metodo toggle dell'oggetto classList alterna una classe CSS specificata dell'elemento: aggiunge la classe se non è presente e la rimuove se è presente.

Sintassi

javascriptelement.classList.contains(class);

Esempio

In questo esempio, quando si utilizza il metodo toggle la classe zzz verrà rimossa, poiché è già presente nell'elemento:

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

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

Risultato dell'esecuzione del codice:

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

Esempio

In questo esempio, quando si utilizza il metodo toggle la classe zzz verrà aggiunta, poiché non è presente nell'elemento:

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

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

Risultato dell'esecuzione del codice:

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

Vedi anche