classList objekta toggle metode
toggle metode no classList objekta
pārslēž norādīto CSS klasi elementam: pievieno
klasi, ja tā nav, un noņem, ja tā ir.
Sintakse
element.classList.contains(class);
Piemērs
Šajā piemērā, izmantojot toggle metodi,
klase zzz tiks noņemta, jo tā jau
atrodas elementā:
<p id="elem" class="www ggg zzz"></p>
let elem = document.querySelector('#elem');
elem.classList.toggle('zzz');
Koda izpildes rezultāts:
<p id="elem" class="www ggg"></p>
Piemērs
Šajā piemērā, izmantojot toggle metodi,
klase zzz tiks pievienota, jo
tās nav elementā:
<p id="elem" class="www ggg"></p>
let elem = document.querySelector('#elem');
elem.classList.toggle('zzz');
Koda izpildes rezultāts:
<p id="elem" class="www ggg zzz"></p>
Skatiet arī
-
classList.addmetode,
kas pievieno norādīto klasi -
classList.removemetode,
kas noņem norādīto klasi -
classList.containsmetode,
kas pārbauda norādīto klasi