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
element.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:
<p id="elem" class="www ggg zzz"></p>
let elem = document.querySelector('#elem');
elem.classList.toggle('zzz');
Výsledek provedení kódu:
<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:
<p id="elem" class="www ggg"></p>
let elem = document.querySelector('#elem');
elem.classList.toggle('zzz');
Výsledek provedení kódu:
<p id="elem" class="www ggg zzz"></p>
Viz také
-
metoda
classList.add,
která přidává zadanou třídu -
metoda
classList.remove,
která odstraňuje zadanou třídu -
metoda
classList.contains,
která kontroluje zadanou třídu
