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
kipengele.classList.toggle(darasa);
Mfano
Katika mfano huu wakati wa kutumia mbinu
toggle darasa zzz litondolewa, kwa sababu
tayari lipo kwenye kipengele:
<p id="elem" class="www ggg zzz"></p>
let elem = document.querySelector('#elem');
elem.classList.toggle('zzz');
Matokeo ya utekelezaji wa kodi:
<p id="elem" class="www ggg"></p>
Mfano
Katika mfano huu wakati wa kutumia mbinu
toggle darasa zzz litaongezwa, kwa sababu
halipo kwenye kipengele:
<p id="elem" class="www ggg"></p>
let elem = document.querySelector('#elem');
elem.classList.toggle('zzz');
Matokeo ya utekelezaji wa kodi:
<p id="elem" class="www ggg zzz"></p>
Angalia pia
-
mbinu
classList.add,
ambayo huongeza darasa maalum -
mbinu
classList.remove,
ambayo huondoa darasa maalum -
mbinu
classList.contains,
ambayo huangalia darasa maalum
