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

javascriptelement.classList.contains(class);

Piemērs

Šajā piemērā, izmantojot toggle metodi, klase zzz tiks noņemta, jo tā jau atrodas elementā:

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

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

Koda izpildes rezultāts:

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

Piemērs

Šajā piemērā, izmantojot toggle metodi, klase zzz tiks pievienota, jo tās nav elementā:

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

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

Koda izpildes rezultāts:

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

Skatiet arī