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