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
element.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:
<p id="elem" class="www ggg zzz"></p>
let elem = document.querySelector('#elem');
elem.classList.toggle('zzz');
Kodun icrasının nəticəsi:
<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:
<p id="elem" class="www ggg"></p>
let elem = document.querySelector('#elem');
elem.classList.toggle('zzz');
Kodun icrasının nəticəsi:
<p id="elem" class="www ggg zzz"></p>
Həmçinin bax
-
classList.addmetodu,
verilmiş sinifi əlavə edir -
classList.removemetodu,
verilmiş sinifi silir -
classList.containsmetodu,
verilmiş sinifi yoxlayır
