classList nesnesinin toggle metodu

classList nesnesinin toggle metodu, bir elementin belirtilen CSS sınıfını değiştirir: sınıf yoksa ekler, varsa kaldırır.

Sözdizimi

javascriptelement.classList.toggle(sınıf);

Örnek

Bu örnekte, toggle metodu kullanıldığında zzz sınıfı elementte zaten olduğu için kaldırılacaktır:

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

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

Kodun çalıştırılmasının sonucu:

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

Örnek

Bu örnekte, toggle metodu kullanıldığında zzz sınıfı elementte olmadığı için eklenecektir:

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

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

Kodun çalıştırılmasının sonucu:

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

Ayrıca bakınız