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ė

javascriptelement.classList.contains(class);

Pavyzdys

Šiame pavyzdyje naudojant metodą toggle klasė zzz bus pašalinta, nes ji jau yra elemente:

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

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

Kodo vykdymo rezultatas:

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

Pavyzdys

Šiame pavyzdyje naudojant metodą toggle klasė zzz bus pridėta, nes jos nėra elemente:

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

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

Kodo vykdymo rezultatas:

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

Taip pat žiūrėkite