DHTML DOM（Document Object Model）
- หน้าก่อน DHTML CSS
- หน้าต่อไป เหตุการณ์ DHTML
DOM (Document Object Model) นั้นเป็นที่เราสามารถเข้าถึงองค์ประกอบในเอกสารได้ทั้งหมด
ตัวอย่าง
หมายเหตุ:ส่วนใหญ่ของตัวอย่าง 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
- หน้าก่อน DHTML CSS
- หน้าต่อไป เหตุการณ์ DHTML
