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

javascriptelement.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:

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

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

Výsledok vykonania kódu:

html<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:

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

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

Výsledok vykonania kódu:

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

Pozri tiež