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

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

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

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

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

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

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:

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

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

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

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

Lásd még