classList objekti meetod toggle

Meetod toggle objektis classList vaheldab elemendi CSS-klassi: lisab klassi, kui seda pole ja eemaldab, kui on.

Süntaks

javascriptelement.classList.contains(class);

Näide

Selles näites meetodi toggle kasutamisel klass zzz eemaldatakse, kuna see on juba elemendis olemas:

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

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

Koodi täitmise tulemus:

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

Näide

Selles näites meetodi toggle kasutamisel klass zzz lisatakse, kuna seda pole elemendis:

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

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

Koodi täitmise tulemus:

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

Vaata ka