Metoden toggle för classList-objektet

Metoden toggle för objektet classList växlar en given CSS-klass för ett element: lägger till klassen om den inte finns och tar bort den om den finns.

Syntax

javascriptelement.classList.contains(class);

Exempel

I detta exempel kommer klassen zzz att tas bort när metoden toggle används, eftersom den redan finns i elementet:

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

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

Resultatet av att köra koden:

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

Exempel

I detta exempel kommer klassen zzz att läggas till när metoden toggle används, eftersom den inte finns i elementet:

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

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

Resultatet av att köra koden:

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

Se även