ພຣັສກາຍ HTML DOM - ປ່ຽນ CSS
- ການໄປຫນ້າວ່າຫນ້າວ່າ DOM ບົດສະຫຼຸບ
- ການໄປຕໍ່ຫນ້າວ່າ ການສະແດງ DOM
HTML DOM ອະນຸຍາດ JavaScript ປ່ຽນແປງບົດສະຕິກ HTML 元ູບ.
ປ່ຽນແປງ HTML 样式
ເພື່ອປ່ຽນແປງບົດສະຕິກ HTML 元ູບ DOM, ຂໍ້ພາສານີ້:
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 元素上发生时，浏览器会生成事件：
- 点击某个元素时
- ບົດສະຫຼຸບເຂົ້າຫນຶ່ງທີ່ບັນດາວັດຖຸຂອງເວັບໄຊທີ່ຈະເລີ່ມຕົ້ນ.
- ບົດສະຫຼຸບເຂົ້າຫນຶ່ງທີ່ມີການປ່ຽນສະຖານະພາບ.
ທ່ານຈະບຶງຂອງບົດສະຫຼຸບກ່ຽວກັບການເກີດເຫດໃນພາກສ່ວນຕໍ່ໄປຂອງຄູນນະວັດນີ້.
ບົດສະຫຼຸບນີ້ຈະປ່ຽນວຽກຊົງ HTML ທີ່ id="id1" ຄືນັບທີ່ຜູ້ນຳໃຊ້ຄົງຄວາມບາດການ:
ບົດສະຫຼຸບ
<!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
