DHTML DOM（Document Object Model）

DOM （Document Object Model）cho phép chúng ta truy cập vào mỗi yếu tố trong tài liệu.

Ví dụ

Ghi chú:Hầu hết các ví dụ DHTML cần IE 4.0+、Netscape 7+ hoặc Opera 7+!

Truy cập yếu tố
Làm thế nào để truy cập một yếu tố và thay đổi phong cách của nó?
Thay đổi thuộc tính
Làm thế nào để truy cập một yếu tố hình ảnh và thay đổi thuộc tính "src"?
innerHTML
Làm thế nào để truy cập và thay đổi nội dung của một yếu tố?

Làm thế nào để truy cập một yếu tố?

Các yếu tố phải có thuộc tính id được định nghĩa và cần một ngôn ngữ kịch bản. JavaScript là ngôn ngữ kịch bản có khả năng tương thích tốt nhất với trình duyệt, vì vậy chúng ta sử dụng JavaScript.

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

Văn bản này có thể thay đổi màu của phần tiêu đề và tạo ra đầu ra.

My header