Tìm hiểu DOM Manipulation trong JavaScript: Hướng dẫn chi tiết
5:00 read
Giới thiệu
DOM (Document Object Model) là một giao diện lập trình cho các tài liệu HTML và XML. Nó đại diện cho cấu trúc của tài liệu dưới dạng cây, nơi mỗi nút (node) là một phần tử của tài liệu. DOM Manipulation là kỹ thuật sử dụng JavaScript để truy cập và thay đổi nội dung, cấu trúc, hoặc kiểu dáng của trang web.
DOM là gì?
DOM là một mô hình cây phân cấp, trong đó:
- Document là gốc của cây.
- Element là các nút con đại diện cho các thẻ HTML.
- Text là các nút con chứa nội dung văn bản.
Ví dụ về DOM
HTML mẫu:
<!DOCTYPE html>
<html>
<head>
<title>DOM Example</title>
</head>
<body>
<h1 id="title">Hello, World!</h1>
<p class="description">This is a paragraph.</p>
</body>
</html>
Cấu trúc DOM tương ứng:
Document
└── html
├── head
│ └── title
└── body
├── h1#title
└── p.description
Yêu cầu đăng nhập
Vui lòng đăng nhập để truy cập nội dung này
Additional Resources
Course Guide
Comprehensive PDF guide with examples
GitHub Repository
Example code for all lessons
Discussion
Have a question about this lesson? Post it here and get answers from instructors and peers.