Site logo

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.