Metoda toggle e objektit classList

Metoda toggle e objektit classList alternon një klasë të caktuar CSS të elementit: shton klasën nëse nuk ekziston dhe e heq nëse ekziston.

Sintaksa

javascriptelement.classList.contains(class);

Shembull

Në këtë shembull, kur përdoret metoda toggle klasa zzz do të hiqet, pasi ajo tashmë ekziston në element:

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

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

Rezultati i ekzekutimit të kodit:

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

Shembull

Në këtë shembull, kur përdoret metoda toggle klasa zzz do të shtohet, pasi ajo nuk ekziston në element:

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

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

Rezultati i ekzekutimit të kodit:

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

Shihni gjithashtu