DHTML DOM(Document Object Model)

DOM (文档对象模型)是我们有能力访问一个文档中的每个元素。

实例

注释:ຫຼາຍຄູ່ມ DHTML ຕ້ອງມີ IE 4.0+、Netscape 7+ ຫຼື Opera 7+!

ການເຂົ້າເຖິງປະກອບຄູ່ມ
ພວກເຮົາເປັນວິທະຍຸທີ່ຈະເຂົ້າເຖິງປະກອບຄູ່ມແລະດັດແປງການຈະແບບຂອງມັນ.
ການດັດແປງຄວາມ
ພວກເຮົາເປັນວິທະຍຸທີ່ຈະເຂົ້າເຖິງປະກອບຄູ່ມພາບ ແລະດັດແປງຄວາມລະບຸ src.
innerHTML
ພວກເຮົາເປັນວິທະຍຸທີ່ຈະເຂົ້າເຖິງແລະດັດແປງຂໍ້ມູນຂອງປະກອບຄູ່ມ.

ພວກເຮົາເປັນວິທະຍຸທີ່ຈະເຂົ້າເຖິງປະກອບຄູ່ມ?

ປະກອບຄູ່ມຕ້ອງມີຜະລິດຕະພັນ id ທີ່ຖືກກໍານົດ ແລະຕ້ອງມີບັນຊີບັນຊີ. JavaScript ແມ່ນບັນຊີບັນຊີທີ່ມີຄວາມສາມາດຫຼາຍທີ່ສຸດໃນບັນຊີບັນຊີ, ດັ່ງນັ້ນພວກເຮົາໃຊ້ JavaScript.

<html>
<body>
<h1 id="header">My header</h1>
<script type="text/javascript">
document.getElementById('header').style.color="red"
</script>
</body>
</html>

ວິດີໂອນີ້ສາມາດປ່ຽນສີຂອງປະກອບຫົວໜ້າແລະສ້າງອອກອອກຂຶ້ນ.

My header