How to add class

Learn how to add class names to elements using JavaScript.

Click the button to add the class for me!

အမျိုးအစိတ်အပိုင်း

ပထမပိုင်း - အခြေခံ HTML ကို ထပ်ပေးပါ

အမျိုးအစိတ်အပိုင်းကို ထပ်ပေးပါ id="myDIV" div အဖွဲ့အစည်း

<button onclick="myFunction()">Try it</button>
<div id="myDIV">
  This is a DIV element.
</div>

ဒုတိယပိုင်း - ကျင်းပေးပါ

သတ်မှတ်ထားသောအမျိုးအစိတ်အပိုင်းကို အဆိုပါအမျိုးအစိတ်အပိုင်းကို အသုံးပြုပါ

.mystyle {
  width: 100%;
  padding: 25px;
  background-color: coral;
  color: white;
  font-size: 25px;
}

တတိယပိုင်း - ဂျာမိုက်စကာတင်ကိုထပ်ပေးပါ

ရယူပါ id="myDIV" မူကျဲ <div> အဖွဲ့အစည်းကို ထို့အပြင် အသုံးပြုလိုက် "mystyle" အမျိုး:

function myFunction() {
  var element = document.getElementById("myDIV");
  element.classList.add("mystyle");
}

ကိုယ်တိုင်ကြိုးစားပါ

ဆိုင်ရာစား

ပြည်ထောင်စု:如何切换类

ပြည်ထောင်စု:如何删除类

ညွှန်းပြကျမ်း:HTML DOM Element classList 属性

ညွှန်းပြကျမ်း:HTML DOM Element className 属性