classList objekti meetod toggle
Meetod toggle objektis classList
vaheldab elemendi CSS-klassi: lisab
klassi, kui seda pole ja eemaldab, kui on.
Süntaks
element.classList.contains(class);
Näide
Selles näites meetodi
toggle kasutamisel klass zzz eemaldatakse, kuna
see on juba elemendis olemas:
<p id="elem" class="www ggg zzz"></p>
let elem = document.querySelector('#elem');
elem.classList.toggle('zzz');
Koodi täitmise tulemus:
<p id="elem" class="www ggg"></p>
Näide
Selles näites meetodi
toggle kasutamisel klass zzz lisatakse, kuna
seda pole elemendis:
<p id="elem" class="www ggg"></p>
let elem = document.querySelector('#elem');
elem.classList.toggle('zzz');
Koodi täitmise tulemus:
<p id="elem" class="www ggg zzz"></p>
Vaata ka
-
meetod
classList.add,
mis lisab määratud klassi -
meetod
classList.remove,
mis eemaldab määratud klassi -
meetod
classList.contains,
mis kontrollib määratud klassi
