classList object ၏ add method

classList object ၏ add method သည် element များအတွက် CSS class များ ထည့်ရန် ခွင့်ပြုသည်။

ဝါကျဖွဲ့ပုံ

javascriptelement.classList.add(class);

နမူနာ

element အတွက် kkk class ကို ထည့်ကြည့်ပါမည်

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

javascriptlet elem = document.querySelector('#elem');
elem.classList.add('kkk');

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

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

နမူနာ

element တွင် ရှိပြီးသား zzz class ကို ထပ်ထည့်ကြည့်ပါမည် - ဘာမှဖြစ်မည်မဟုတ်ပါ၊ class ထပ်နေပါက ထပ်မထည့်သောကြောင့် ဖြစ်သည်

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

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

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

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

ဆက်လက်လေ့လာရန်