Html/CSSDOM (Document Object Model) là một API đa nền tảng xử lý các tài liệu HTML và XML như một cấu trúc cây bao gồm các nút.
Các nút này (chẳng hạn như các phần tử và nút văn bản) là các đối tượng có thể được thao tác theo chương trình và mọi thay đổi có thể nhìn thấy được thực hiện đối với chúng đều được phản ánh trực tiếp trong document. Trong một trình duyệt, API này có sẵn cho JavaScript, nơi các nút DOM có thể được điều khiển để thay đổi kiểu của chúng, nội dung, vị trí trong tài liệu hoặc được tương tác qua các sự kiện.
- DOM được thiết kế để độc lập với bất kỳ ngôn ngữ lập trình cụ thể nào, làm cho biểu diễn cấu trúc của document có sẵn từ một API nhất quán duy nhất.
- DOM được xây dựng dần dần trong trình duyệt khi tải trang, đó là lý do tại sao các tập script thường được đặt ở cuối trang, trong <head> với thuộc tính defer hoặc bên trong trình xử lý sự kiện DOMContentLoaded.
- Các tập script thao tác các nút DOM nên được chạy sau khi DOM đã được xây dựng để tránh lỗi.
- document.getElementById () và document.querySelector () là các hàm phổ biến để chọn các nút DOM.
- Việc gán thuộc tính innerHTML thành một giá trị mới sẽ chạy chuỗi thông qua HTML parser, cung cấp một cách dễ dàng để nối nội dung HTML động vào một nút.
Các câu hỏi khác
Blog