Metoda toggle objekta classList
Metoda toggle objekta classList
preklaplja dani CSS razred elementa: doda
razred, če ga ni, in odstrani, če je prisoten.
Sintaksa
element.classList.contains(class);
Primer
V tem primeru se bo ob uporabi metode
toggle razred zzz odstranil, saj
je že prisoten v elementu:
<p id="elem" class="www ggg zzz"></p>
let elem = document.querySelector('#elem');
elem.classList.toggle('zzz');
Rezultat izvajanja kode:
<p id="elem" class="www ggg"></p>
Primer
V tem primeru se bo ob uporabi metode
toggle razred zzz dodal, saj
ga ni v elementu:
<p id="elem" class="www ggg"></p>
let elem = document.querySelector('#elem');
elem.classList.toggle('zzz');
Rezultat izvajanja kode:
<p id="elem" class="www ggg zzz"></p>
Glejte tudi
-
metoda
classList.add,
ki doda določen razred -
metoda
classList.remove,
ki odstrani določen razred -
metoda
classList.contains,
ki preveri določen razred
