ClassList օբյեկտի toggle մեթոդը

toggle մեթոդը classList օբյեկտի հերթափոխում է տարրի տվյալ CSS դասը՝ ավելացնելով դասը, եթե այն չկա, և հեռացնելով, եթե կա:

Շարահյուսություն

javascriptտարր.classList.toggle(դաս);

Օրինակ

Այս օրինակում toggle մեթոդի կիրառման դեպքում zzz դասը կհեռացվի, քանի որ այն արդեն կա տարրի մեջ:

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

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

Կոդի կատարման արդյունքը:

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

Օրինակ

Այս օրինակում toggle մեթոդի կիրառման դեպքում zzz դասը կավելացվի, քանի որ այն չկա տարրի մեջ:

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

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

Կոդի կատարման արդյունքը:

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

Տես նաև