ClassList օբյեկտի toggle մեթոդը
toggle մեթոդը classList
օբյեկտի հերթափոխում է տարրի տվյալ CSS դասը՝ ավելացնելով
դասը, եթե այն չկա, և հեռացնելով, եթե կա:
Շարահյուսություն
տարր.classList.toggle(դաս);
Օրինակ
Այս օրինակում toggle մեթոդի կիրառման դեպքում
zzz դասը կհեռացվի, քանի որ
այն արդեն կա տարրի մեջ:
<p id="elem" class="www ggg zzz"></p>
let elem = document.querySelector('#elem');
elem.classList.toggle('zzz');
Կոդի կատարման արդյունքը:
<p id="elem" class="www ggg"></p>
Օրինակ
Այս օրինակում toggle մեթոդի կիրառման դեպքում
zzz դասը կավելացվի, քանի որ
այն չկա տարրի մեջ:
<p id="elem" class="www ggg"></p>
let elem = document.querySelector('#elem');
elem.classList.toggle('zzz');
Կոդի կատարման արդյունքը:
<p id="elem" class="www ggg zzz"></p>
Տես նաև
-
classList.addմեթոդը,
որը ավելացնում է տվյալ դասը -
classList.removeմեթոդը,
որը հեռացնում է տվյալ դասը -
classList.containsմեթոդը,
որը ստուգում է տվյալ դասը
