Bài giảng HTML – DHTML - Javascript (Thiết kế Web): Bài 8 - Lê Quang Lợi

» Chứa đối tượng document, history của cửa sổ hiện hành » Nhiều thuộc tính, phương thức hỗ trợ người dùng. Thuộc tính Ý nghĩa[r]

Lê Quang Lợi

Nội dung

» Khái quát về DOM

» Tài liệu trong DOM

» Các hàm cơ bản

» Thao tác với tài liệu HTML

» Các đối tượng cơ bản trong tài liệu

8.1 Giới thiệu mô hìn tài liệu (DOM)

» DOM( Document Object Model ): mô hình đối tượng dữ liệu

» Đối tượng DOM: Thể hiện cấu trúc tài liệu HTML (hình cây)

» Tài liệu HTML được đối tượng docment phân tích (tập node )

» Một thẻ HTML là một Node gồm ( thuộc tính , hàm , sự kiện )

» DOM truy xuất (Thuộc tính/hàm) : bởi “ ”

» DOM có thể thao tác với thẻ HTML

* Tìm kiếm / liệt kê đối tượng thẻ

- Docement: node gốc

- Chứa toàn bộ các node con

- Chứa các hàm/ thuộc tính

- Node:

 Thuộc tính,

 phương thức

- Đại diện cho một thẻ HTML

Mô hình DOM

8.1 Giới thiệu mô hìn tài liệu (DOM)

x .innerHTML: Toàn bộ nội dung HTML của thẻ

x innerText : Nội dung text trong thẻ

x nodeName: tên của thẻ

x nodeValue : Giá trị của thẻ

x parentNode : Node cha

x childNodes : các node con

x attributes : các thuộc tính của node

8.5 Các đối tượng trong domcument

Đối tượng Windows

» Đối tượng cửa sổ hiện tại đang mở của HTML

» Chứa đối tượng document, history của cửa sổ hiện hành

» Nhiều thuộc tính, phương thức hỗ trợ người dùng