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

element.classList.contains(class);

Esempio

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

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

Risultato dell'esecuzione del codice:

Esempio

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

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

Risultato dell'esecuzione del codice:

Vedi anche

metodo classList.add,
che aggiunge una classe specificata
metodo classList.remove,
che rimuove una classe specificata
metodo classList.contains,
che verifica una classe specificata