DOM (Mô hình đối tượng tài liệu) là gì?

DOM ( Mô hình đối tượng tài liệu ) là một API hiển thị các phần tử của tài liệu HTML và XML dưới dạng đối tượng ngôn ngữ lập trình. Cấu trúc của DOM cho bất kỳ tài liệu nào giống với cấu trúc thực tế của đánh dấu tài liệu. Nhà phát triển web có thể lập trình thao tác DOM để sửa đổi trang web, trước hoặc trong khi người dùng xem nó.

Ngôn ngữ lập trình phổ biến nhất được sử dụng trong DOM là JavaScript, được sử dụng trên hầu hết các trang web. Sử dụng JavaScript cho phép thực hiện các thay đổi động đối với DOM, bao gồm ẩn, di chuyển và tạo hiệu ứng cho các thành phần HTML nhất định (như văn bản, bảng, hình ảnh và toàn bộ các bộ phận).

Trước đây, DOM có sự khác biệt cơ bản giữa các trình duyệt, nhưng ngày nay đã trở nên chuẩn hóa hơn nhiều, cho phép các nhà phát triển trình duyệt chéo dễ dàng hơn được thực hiện.

Một ví dụ DOM sử dụng HTML

Hãy xem xét tài liệu HTML sau:

 Thí dụ 

Đây là một trang ví dụ.

DOM cho tài liệu này bao gồm tất cả các phần tử và bất kỳ nút văn bản nào trong các phần tử đó. Mã trong ví dụ trước tạo ra một hệ thống phân cấp đối tượng như dưới đây.

Đối với mỗi phần tử bên dưới gốc tài liệu (), có một nút phần tử và các nút phần tử này có các nút văn bản chứa văn bản nằm trong phần tử. Nếu có một phần tử có thuộc tính, một nút thuộc tính sẽ được tạo cho phần tử đó và bất kỳ văn bản nào cho thuộc tính sẽ tạo một nút văn bản dưới nút thuộc tính đó.

Thuật ngữ Internet, thuật ngữ lập trình