ClassList objekto toggle metodas
toggle metodo classList
kaitalioja nurodytą CSS klasę elemento: prideda
klasę, jei jos nėra, ir pašalina, jei ji yra.
Sintaksė
element.classList.contains(class);
Pavyzdys
Šiame pavyzdyje naudojant metodą
toggle klasė zzz bus pašalinta, nes
ji jau yra elemente:
<p id="elem" class="www ggg zzz"></p>
let elem = document.querySelector('#elem');
elem.classList.toggle('zzz');
Kodo vykdymo rezultatas:
<p id="elem" class="www ggg"></p>
Pavyzdys
Šiame pavyzdyje naudojant metodą
toggle klasė zzz bus pridėta, nes
jos nėra elemente:
<p id="elem" class="www ggg"></p>
let elem = document.querySelector('#elem');
elem.classList.toggle('zzz');
Kodo vykdymo rezultatas:
<p id="elem" class="www ggg zzz"></p>
Taip pat žiūrėkite
-
metodas
classList.add,
kuris prideda nurodytą klasę -
metodas
classList.remove,
kuris pašalina nurodytą klasę -
metodas
classList.contains,
kuris tikrina nurodytą klasę
