classList obyektinin toggle metodu

classList obyektinin toggle metodu elementin verilmiş CSS sinifini dəyişdirir: əgər sinif yoxdursa onu əlavə edir, əgər varsa onu silir.

Sintaksis

javascriptelement.classList.toggle(sinif);

Nümunə

Bu nümunədə toggle metodundan istifadə edildikdə zzz sinifi silinəcək, çünki o, artıq elementdə mövcuddur:

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

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

Kodun icrasının nəticəsi:

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

Nümunə

Bu nümunədə toggle metodundan istifadə edildikdə zzz sinifi əlavə ediləcək, çünki o, elementdə yoxdur:

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

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

Kodun icrasının nəticəsi:

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

Həmçinin bax