ဂျက်စ်တို့ ဟန် အမျိုးသား ပြတိုက် - ဟန် အမျိုးသား အဆိုင်

HTML DOM 允许 JavaScript 更改 HTML 元素的样式。

改变 HTML 样式

如需更改 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 元素上发生时,浏览器会生成事件:

  • အခြေအနေ တစ်ခု ဖြစ်ပြီး အခြေအနေ အားဖြင့် ဖြိုဖြိုသည့် အခါ
  • စက်လုံး တင်မြှုပ် အခါ
  • အခြား အမှတ် ပြောင်းလဲခဲ့ အခါ

သင်မည်သည့် အချိန်တွင် အခင်းအဖြစ် အချက်အလက် သို့ ရောက်ရှိလိမ့်မည်။

ဤ အမှတ် သည် အသုံးပြုသူ က ဘတ်ကက် ဖြိုဖြိုသည့် အခါ id="id1" ဖြစ်သော HTML အသုံးချင်း၏ အကျုံးဝင် ကို ပြောင်းလဲပေးသည့် အမှတ် ဖြစ်ပါသည်:

အမှတ်

<!DOCTYPE html>
<html>
<body>
<h1 id="id1">ကျွန်ုပ်၏ သတင်းချက် 1</h1>
<button type="button" onclick="document.getElementById('id1').style.color = 'red'">
ကျွန်ုပ်ကို ဖြိုဖြိုသလား!
</button>
</body>
</html>

ကိုယ်တိုင် ဖြေဖြေမှု

အခြား အမှတ်

Visibility
အခြေအနေ မမြင်တော့ ကြောင်း မေးမြောက်လိုသလား?

HTML DOM Style အားျစန် လျှို့ဝှက်

အခြား HTML DOM စက်ပိုင် အားကို ကြည့်ရှုရန် ကျွန်ုပ်၏ HTML DOM Style အားျစန် လျှို့ဝှက်.