Metoda toggle objektu classList

Metoda toggle objektu classList střídá zadanou CSS třídu elementu: přidává třídu, pokud není přítomna a odstraňuje ji, pokud je.

Syntaxe

javascriptelement.classList.contains(class);

Příklad

V tomto příkladu při použití metody toggle bude třída zzz odstraněna, protože již je v elementu přítomna:

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

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

Výsledek provedení kódu:

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

Příklad

V tomto příkladu při použití metody toggle bude třída zzz přidána, protože není v elementu přítomna:

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

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

Výsledek provedení kódu:

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

Viz také