194 of 264 menu

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ī

Latviešu
AfrikaansAzərbaycanБългарскиবাংলাБеларускаяČeštinaDanskDeutschΕλληνικάEnglishEspañolEestiSuomiFrançaisहिन्दीMagyarՀայերենIndonesiaItaliano日本語ქართულიҚазақ한국어КыргызчаLietuviųМакедонскиMelayuမြန်မာNederlandsNorskPolskiPortuguêsRomânăРусскийසිංහලSlovenčinaSlovenščinaShqipСрпскиSrpskiSvenskaKiswahiliТоҷикӣไทยTürkmenTürkçeЎзбекOʻzbekTiếng Việt
Mēs izmantojam sīkdatnes, lai nodrošinātu vietnes darbību, analīti un personalizāciju. Datu apstrāde notiek saskaņā ar Konfidencialitātes politiku.
pieņemt visus iestatīt noraidīt