ဂျက်စ်တို့ ဟန် အမျိုးသား ပြတိုက် - ဟန် အမျိုးသား အဆိုင်
- အရေးပါ DOM ပန်းပုံ
- နောက်ပိုင်း DOM အမွန်အမြတ်
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 အားျစန် လျှို့ဝှက်.
- အရေးပါ DOM ပန်းပုံ
- နောက်ပိုင်း DOM အမွန်အမြတ်