Dom giới thiệu

Posted on by mtoplistChuyên mục:Top List

HTML DOM (mô hình đối tượng document)

Với HTML DOM, JavaScript có thể truy cập và thay đổi tất cả các phần tử của tài liệu HTML.

DOM HTML (mô hình đối tượng document)

Khi một trang web được tải, trình duyệt sẽ tạo một đối tượng D ocument O Bject M odel của trang đó.

Mô hình HTML DOM được xây dựng như một cây của các đối tượng.

Cây đối tượng HTML

dom html

Với mô hình đối tượng, JavaScript có tất cả sức mạnh cần thiết để tạo 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 HTML trong trang
  • JavaScript có thể thay đổi tất cả các kiểu CSS trong trang
  • JavaScript có thể xóa các phần tử và thuộc tính HTML hiện có
  • JavaScript có thể thêm các phần tử và thuộc tính HTML mới
  • JavaScript có thể phản ứng với tất cả các sự kiện HTML hiện có trong trang
  • JavaScript có thể tạo các sự kiện HTML mới trong trang

Những gì chúng ta sẽ học

Trong các bài tiếp theo của phần này, chúng ta sẽ học.

  • Cách thay đổi nội dung của các phần tử HTML
  • Cách thay đổi kiểu (CSS) của các phần tử HTML
  • Cách phản ứng với các sự kiện HTML DOM
  • Cách thêm và xóa các phần tử HTML

DOM là gì?

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

DOM xác định một tiêu chuẩn để truy cập tài liệu.

“Mô hình đối tượng tài liệu W3C (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à tập lệnh truy cập động và cập nhật nội dung, cấu trúc và kiểu của tài liệu.”

Chuẩn DOM W3C được chia thành 3 phần khác nhau:

  • Core DOM – mô hình tiêu chuẩn cho tất cả các loại tài liệu
  • DOM XML – mô hình tiêu chuẩn cho các tài liệu XML
  • HTML DOM – mô hình tiêu chuẩn cho các tài liệu HTML

DOM HTML là gì?

HTML DOM là một mô hình đối tượng tiêu chuẩn và giao diện lập trình cho HTML. Nó định nghĩa:

  • Các phần tử HTML dưới dạng đối tượng
  • Các thuộc tính của tất cả các phần tử HTML
  • Các phương thức để truy cập tất cả các phần tử HTML
  • Các sự kiện cho tất cả các phần tử HTML

Nói cách khác: HTML DOM là một tiêu chuẩn cho cách lấy, thay đổi, thêm hoặc xóa các phần tử HTML.

mtoplist