Mbinu ya toggle ya kitu classList

Mbinu toggle ya kitu classList hubadilishanisha darasa maalum la CSS la kipengele: huongeza darasa, ikiwa halipo na huondoa, ikiwa lipo.

Syntaxi

javascriptkipengele.classList.toggle(darasa);

Mfano

Katika mfano huu wakati wa kutumia mbinu toggle darasa zzz litondolewa, kwa sababu tayari lipo kwenye kipengele:

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

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

Matokeo ya utekelezaji wa kodi:

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

Mfano

Katika mfano huu wakati wa kutumia mbinu toggle darasa zzz litaongezwa, kwa sababu halipo kwenye kipengele:

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

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

Matokeo ya utekelezaji wa kodi:

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

Angalia pia