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
element.classList.contains(class);
Shembull
Në këtë shembull, kur përdoret metoda
toggle klasa zzz do të hiqet, pasi
ajo tashmë ekziston në element:
<p id="elem" class="www ggg zzz"></p>
let elem = document.querySelector('#elem');
elem.classList.toggle('zzz');
Rezultati i ekzekutimit të kodit:
<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:
<p id="elem" class="www ggg"></p>
let elem = document.querySelector('#elem');
elem.classList.toggle('zzz');
Rezultati i ekzekutimit të kodit:
<p id="elem" class="www ggg zzz"></p>
Shihni gjithashtu
-
metoda
classList.add,
që shton një klasë të caktuar -
metoda
classList.remove,
që heq një klasë të caktuar -
metoda
classList.contains,
që kontrollon një klasë të caktuar
