ClassList obyektiniň toggle metodi

classList obyektiniň toggle metodi element berlen CSS synpyny çalşyrýar: synp ýok bolsa goşýar we bar bolsa aýyrýar.

Sintaksis

javascriptelement.classList.contains(class);

Mysal

Bu mysalda toggle metodi ulanylanda zzz synpy elementde eýýäm bar bolany üçin aýrylar:

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

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

Kody ýerine ýetirmegiň netijesi:

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

Mysal

Bu mysalda toggle metodi ulanylanda zzz synpy elementde ýok bolany üçin goşular:

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

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

Kody ýerine ýetirmegiň netijesi:

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

Hem-de göz aňyňyza salyň