Metoda toggle obiektu classList

Metoda toggle obiektu classList przełącza określoną klasę CSS elementu: dodaje klasę, jeśli jej nie ma i usuwa, jeśli jest.

Składnia

javascriptelement.classList.contains(class);

Przykład

W tym przykładzie przy użyciu metody toggle klasa zzz zostanie usunięta, ponieważ już istnieje w elemencie:

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

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

Wynik wykonania kodu:

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

Przykład

W tym przykładzie przy użyciu metody toggle klasa zzz zostanie dodana, ponieważ jej nie ma w elemencie:

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

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

Wynik wykonania kodu:

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

Zobacz też