Mô hình đối tượng tài liệu

Mô hình đối tượng tài liệu (DOM) là cách biểu diễn tài liệu HTML theo cấu trúc phân cấp, cho phép JavaScript tương tác với và thao tác các phần tử trên trang web. 

• DOM biểu diễn tài liệu HTML dưới dạng cây đối tượng.
• Mỗi phần tử trong code HTML tương ứng với một nút trong cây.
• Bản thân tài liệu là nút gốc.
• Các phương thức DOM khác nhau cho phép bạn truy cập, tạo và sửa đổi những nút này cùng nội dung của chúng. Nhờ đó, bạn có thể thay đổi trang web một cách linh hoạt. 

Ví dụ, đoạn code này:

<html>
	<head>
		<title>My title</title>
	</head>
	<body>
		<h1>A heading</h1>
		<a href="#">Link text</a>
	</body>
</html>

Sẽ được biểu diễn bằng cấu trúc DOM sau:

Cùng tìm hiểu sâu hơn nhé!