classList object ၏ add method
classList object ၏
add method သည်
element များအတွက် CSS class များ ထည့်ရန် ခွင့်ပြုသည်။
ဝါကျဖွဲ့ပုံ
element.classList.add(class);
နမူနာ
element အတွက် kkk class ကို ထည့်ကြည့်ပါမည်
<p id="elem" class="www ggg zzz"></p>
let elem = document.querySelector('#elem');
elem.classList.add('kkk');
ကုဒ်ကို run ပြီးနောက် ရလဒ်
<p id="elem" class="www ggg zzz kkk"></p>
နမူနာ
element တွင် ရှိပြီးသား zzz class ကို ထပ်ထည့်ကြည့်ပါမည် -
ဘာမှဖြစ်မည်မဟုတ်ပါ၊ class ထပ်နေပါက ထပ်မထည့်သောကြောင့် ဖြစ်သည်
<p id="elem" class="www ggg zzz"></p>
let elem = document.querySelector('#elem');
elem.classList.add('zzz');
ကုဒ်ကို run ပြီးနောက် ရလဒ်
<p id="elem" class="www ggg zzz"></p>
ဆက်လက်လေ့လာရန်
-
classList.removemethod,
သတ်မှတ်ထားသော class ကို ဖယ်ရှားပေးသည် -
classList.containsmethod,
သတ်မှတ်ထားသော class ရှိမရှိ စစ်ဆေးပေးသည် -
classList.togglemethod,
သတ်မှတ်ထားသော class ကို ပြောင်းလဲပေးသည်
