Thứ Năm, 23 tháng 1, 2014

Giới thiệu DOM

Với DOM HTML, JavaScript có thể truy cập và thay đổi tất cả các yếu tố của một tài liệu HTML.

HTML DOM (Document Object Model)


Khi một trang web được tải, trình duyệt tạo ra một D ocument O bject M odel của trang.

Các HTML DOM mô hình được xây dựng như một cây của Objects:

HTML DOM Tree của các đối tượng

DOM HTML tree

Với mô hình đối tượng, JavaScript được tất cả sức mạnh cần thiết để tạo ra HTML động:
  • JavaScript có thể thay đổi tất cả các phần tử HTML trong trang
  • JavaScript có thể thay đổi tất cả các thuộc tính trong HTML trang
  • JavaScript có thể thay đổi tất cả các phong cách CSS trong trang
  • JavaScript có thể loại bỏ các phần tử HTML hiện và các thuộc tính
  • JavaScript có thể thêm các yếu tố HTML và các thuộc tính mới
  • JavaScript có thể phản ứng với tất cả các sự kiện HTML hiện trong trang
  • JavaScript có thể tạo ra các sự kiện HTML mới trong trang

Những gì bạn sẽ học

Trong các chương tiếp theo của hướng dẫn này bạn sẽ học:
  • Làm thế nào để thay đổi nội dung của các phần tử HTML
  • Làm thế nào để thay đổi phong cách (CSS) của các phần tử HTML
  • Làm thế nào để phản ứng với các sự kiện HTML DOM
  • Làm thế nào để thêm và xóa các phần tử HTML

DOM là gì?

DOM là một W3C (World Wide Web Consortium) tiêu chuẩn.

DOM định nghĩa một tiêu chuẩn để truy cập tài liệu:

"W3C Document Object Model (DOM) là một nền tảng và giao diện ngôn ngữ trung lập cho phép các chương trình và các kịch bản để truy cập tự động và cập nhật nội dung, cấu trúc và phong cách của một tài liệu."

Các tiêu chuẩn W3C DOM được chia thành 3 phần khác nhau:
  • Lõi DOM - mô hình chuẩn cho tất cả các loại tài liệu
  • XML DOM - mô hình chuẩn cho các tài liệu XML
  • HTML DOM - mô hình chuẩn cho các tài liệu HTML

HTML DOM là gì?

HTML DOM là một tiêu chuẩn object mô hình và programming interface cho HTML. Nó định nghĩa:
  • Các yếu tố HTML như objects
  • Các properties của tất cả các phần tử HTML
  • Các methods để truy cập vào tất cả các phần tử HTML
  • Các events cho tất cả các phần tử HTML
Nói cách khác: The HTML DOM is a standard for how to get, change, add, or delete HTML elements.
Người đăng: vào lúc
Nhãn: ,
Các tin khác

Không có nhận xét nào:

Đăng nhận xét

Đăng ký: Đăng Nhận xét (Atom)