A classList objektum toggle metódusa

A classList objektum toggle metódusa váltogatja egy elem adott CSS osztályát: hozzáadja az osztályt, ha az hiányzik, és eltávolítja, ha már jelen van.

Szintaxis

element.classList.contains(class);

Példa

Ebben a példában a toggle metódus használatakor a zzz osztály eltávolításra kerül, mivel már jelen van az elemben:

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

A kód végrehajtásának eredménye:

Példa

Ebben a példában a toggle metódus használatakor a zzz osztály hozzáadásra kerül, mivel hiányzik az elemből:

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

A kód végrehajtásának eredménye:

Lásd még

a classList.add metódus,
amely hozzáad egy megadott osztályt
a classList.remove metódus,
amely eltávolít egy megadott osztályt
a classList.contains metódus,
amely ellenőriz egy megadott osztályt