JavaScript HTML DOM - CSS ကိုပြောင်းခြင်း။
HTML DOM သည် JavaScript ကို HTML ဒြပ်စင်များ၏စတိုင်ကိုပြောင်းလဲရန်ခွင့်ပြုသည်။
HTML Style ပြောင်းခြင်း။
HTML ဒြပ်စင်တစ်ခု၏စတိုင်ကိုပြောင်းလဲရန်၊ ဤအထားအသိုကိုသုံးပါ-
document.getElementById(id).style.property = new style
အောက်ပါ ဥပမာသည် <p>
ဒြပ်စင်တစ်ခု၏ ပုံစံကို ပြောင်းလဲသည်-
ဥပမာ
<html>
<body>
<p id="p2">Hello World!</p>
<script>
document.getElementById("p2").style.color = "blue";
</script>
</body>
</html>
ပွဲများကိုအသုံးပြုခြင်း။
HTML DOM သည် အဖြစ်အပျက်တစ်ခု ဖြစ်ပေါ်လာသည့်အခါ ကုဒ်ကို လုပ်ဆောင်ရန် သင့်အား ခွင့်ပြုသည်။
HTML ဒြပ်စင်များ "အရာများ" ဖြစ်ပျက်သောအခါ browser မှဖြစ်ရပ်များကိုထုတ်ပေးသည်-
- အစိတ်အပိုင်းတစ်ခုကို ကလစ်နှိပ်ပါ။
- စာမျက်နှာကို တင်ပြီးပါပြီ။
- ထည့်သွင်းသည့်အကွက်များကို ပြောင်းလဲထားသည်။
ဤသင်ခန်းစာ၏ နောက်အခန်းတွင် ဖြစ်ရပ်များအကြောင်း ပိုမိုလေ့လာနိုင်ပါမည်။
id="id1"
အသုံးပြုသူက ခလုတ်တစ်ခုကို နှိပ်သောအခါ၊ ဤဥပမာသည် HTML ဒြပ်စင်၏ ပုံစံကို ပြောင်းလဲသည် -
ဥပမာ
<!DOCTYPE html>
<html>
<body>
<h1 id="id1">My Heading 1</h1>
<button type="button"
onclick="document.getElementById('id1').style.color = 'red'">
Click Me!</button>
</body>
</html>
နောက်ထပ် ဥပမာများ
ရှိသော ဒြပ်စင်တစ်ခုအား မမြင်ရအောင်ပြုလုပ်နည်း။ ဒြပ်စင်ကို ပြချင်သလား၊ မပြချင်ဘူးလား။
HTML DOM စတိုင် Object ရည်ညွှန်းချက်
HTML DOM စတိုင်ဂုဏ်သတ္တိများအားလုံးအတွက်၊ ကျွန်ုပ်တို့၏အပြည့်အစုံ HTML DOM စတိုင် Object ရည်ညွှန်းချက်ကို ကြည့် ပါ။