လုပ်နည်း - Class တစ်ခုထည့်ပါ။
JavaScript ဖြင့် အတန်းအမည်တစ်ခုကို အစိတ်အပိုင်းတစ်ခုသို့ မည်သို့ထည့်ရမည်ကို လေ့လာပါ။
ကျွန်ုပ်ထံ အတန်းတစ်ခုထည့်ရန် ခလုတ်ကို နှိပ်ပါ။
အတန်းကိုထည့်ပါ။
အဆင့် 1) HTML ကိုထည့်ပါ
id="myDIV" ဖြင့် အတန်းအမည်ကို div အစိတ်အပိုင်းသို့ ထည့်ပါ (ဤဥပမာတွင် အတန်းကိုထည့်ရန် ခလုတ်တစ်ခုကို ကျွန်ုပ်တို့အသုံးပြုသည်)။
ဥပမာ
<button onclick="myFunction()">Try it</button>
<div id="myDIV">
This is a DIV element.
</div>
အဆင့် 2) CSS ကိုထည့်ပါ
သတ်မှတ်ထားသော အတန်းအမည်ကို ပုံစံဖော်ပါ-
ဥပမာ
.mystyle {
width: 100%;
padding:
25px;
background-color: coral;
color: white;
font-size: 25px;
}
အဆင့် 3) JavaScript ကိုထည့်ပါ။
id="myDIV" ဖြင့် <div> ဒြပ်စင်ကို ရယူပြီး "mystyle" အတန်းကို ၎င်းတွင် ထည့်ပါ-
ဥပမာ
function myFunction() {
var element = document.getElementById("myDIV");
element.classList.add("mystyle");
}
အကြံပြုချက်- အတန်းတစ်တန်းကို ပြောင်းနည်း ကိုလည်း ကြည့်ပါ ။
အကြံပြုချက်- အတန်းတစ်ခုကို ဖယ်ရှားနည်း ကိုလည်း ကြည့်ပါ ။
အကြံပြုချက်- ကျွန်ုပ်တို့၏ JavaScript ရည်ညွှန်းချက်ရှိ classList ပိုင်ဆိုင်မှု အကြောင်း ပိုမိုလေ့လာပါ ။
အကြံပြုချက်- ကျွန်ုပ်တို့၏ JavaScript အကိုးအကားရှိ className ပိုင်ဆိုင်မှု အကြောင်း ပိုမိုလေ့လာပါ ။