Metod toggle objekta classList
Metod toggle objekta classList
naizmenično dodaje određenu CSS klasu elementa: dodaje
klasu ako je nema i uklanja je ako postoji.
Sintaksa
element.classList.contains(class);
Primer
U ovom primeru, korišćenjem metode
toggle klasa zzz će biti uklonjena, pošto
već postoji na elementu:
<p id="elem" class="www ggg zzz"></p>
let elem = document.querySelector('#elem');
elem.classList.toggle('zzz');
Rezultat izvršavanja koda:
<p id="elem" class="www ggg"></p>
Primer
U ovom primeru, korišćenjem metode
toggle klasa zzz će biti dodata, pošto
je nema na elementu:
<p id="elem" class="www ggg"></p>
let elem = document.querySelector('#elem');
elem.classList.toggle('zzz');
Rezultat izvršavanja koda:
<p id="elem" class="www ggg zzz"></p>
Pogledajte takođe
-
metod
classList.add,
koji dodaje određenu klasu -
metod
classList.remove,
koji uklanja određenu klasu -
metod
classList.contains,
koji proverava postojanje određene klase
