လုပ်နည်း - အတန်းပြောင်းရန်
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.toggle("mystyle");
}
အကြံပြုချက်- အတန်းတစ်ခုကို ထည့်နည်း ကိုလည်း ကြည့်ပါ ။
အကြံပြုချက်- အတန်းတစ်ခုကို ဖယ်ရှားနည်း ကိုလည်း ကြည့်ပါ ။
အကြံပြုချက်- ကျွန်ုပ်တို့၏ JavaScript ရည်ညွှန်းချက်ရှိ classList ပိုင်ဆိုင်မှု အကြောင်း ပိုမိုလေ့လာပါ ။