Metóda toggle objektu classList
Metóda toggle objektu classList
prepína zadanú CSS triedu elementu: pridáva
triedu, ak neexistuje a odstraňuje ju, ak existuje.
Syntax
element.classList.contains(class);
Príklad
V tomto príklade pri použití metódy
toggle bude trieda zzz odstránená, pretože
sa už nachádza v elemente:
<p id="elem" class="www ggg zzz"></p>
let elem = document.querySelector('#elem');
elem.classList.toggle('zzz');
Výsledok vykonania kódu:
<p id="elem" class="www ggg"></p>
Príklad
V tomto príklade pri použití metódy
toggle bude trieda zzz pridaná, pretože
sa nenachádza v elemente:
<p id="elem" class="www ggg"></p>
let elem = document.querySelector('#elem');
elem.classList.toggle('zzz');
Výsledok vykonania kódu:
<p id="elem" class="www ggg zzz"></p>
Pozri tiež
-
metóda
classList.add,
ktorá pridáva zadanú triedu -
metóda
classList.remove,
ktorá odstraňuje zadanú triedu -
metóda
classList.contains,
ktorá kontroluje zadanú triedu
