classList object ၏ toggle method

classList object ၏ method toggle သည် element ၏ CSS class ကို ပြောင်းလဲပေးသည်။ class မရှိပါက ထည့်ပေးပြီး ရှိပါက ဖယ်ရှားပေးသည်။

Syntax

javascriptelement.classList.contains(class);

ဥပမာ

ဤဥပမာတွင် method toggle ကို အသုံးပြုသောအခါ zzz class သည် element တွင် ရှိပြီးသားဖြစ်သောကြောင့် ဖယ်ရှားသွားမည်။

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

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

Code ကို run ပြီးနောက် ရလဒ်။

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

ဥပမာ

ဤဥပမာတွင် method toggle ကို အသုံးပြုသောအခါ zzz class သည် element တွင် မရှိသောကြောင့် ထည့်သွင်းပေးမည်။

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

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

Code ကို run ပြီးနောက် ရလဒ်။

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

ဒါတွေလည်း ကြည့်ပါ