Giới thiệu về DOM

• Có Thể 6, 2024

DOM là từ viết tắt của Mô hình Đối tượng Tài liệu. Đó là một cách nhìn vào HTML giúp các nhà phát triển trang web có thể tạo các hàm và thao tác mã theo những cách mà nếu không thì không thể.

Có ba loại DOM cơ bản; DOM lõi, có thể được sử dụng để xác định bất kỳ tài liệu nào bất kể loại nào; XML DOM, được sử dụng với các tài liệu XML và DOM DOM. Loại cuối cùng này là quan trọng nhất và hữu ích cho các nhà phát triển HTML, vì vậy đó là DOM bài viết này sẽ khám phá.

HTML DOM chia một trang HTML thành các nút. Các nút này đều được kết nối với nhau, với các nút con giảm dần từ các nút cha của chúng và từ nút gốc ở trên cùng, trong một bố cục giống như cây. Điều làm cho DOM trở nên quan trọng và hữu ích đối với các nhà phát triển HTML là định nghĩa này làm cho mọi phần của trang khác biệt và định vị nó liên quan đến tất cả các phần khác, để dễ dàng thiết kế mã tham chiếu đến phần cụ thể đó và chỉ ảnh hưởng đến phần đó . Điều này làm cho HTML DOM trở nên quan trọng đối với lập trình Javascript, ví dụ, vì nó cung cấp một cách để chương trình Javascript sử dụng trực tiếp các phần tử HTML. Không có DOM, chương trình Javascript không thể truy cập động vào nội dung của trang web. Ví dụ, bằng cách sử dụng các phương thức DOM, bạn có thể viết chương trình thay đổi văn bản bên trong một thành phần HTML cụ thể nếu xảy ra một sự kiện cụ thể (giả sử, khách truy cập nhấp vào nút trên trang).

Như bạn đã biết, một trang HTML bao gồm các yếu tố khác nhau như thế này:



Trang HTML mẫu

Đây là một ví dụ về trang HTML cơ bản.

Với DOM, mỗi phần tử (mọi thứ giữa một bộ thẻ, chẳng hạn như) là một nút. Nút được gọi là nút gốc, và là cơ bản nhất; Nó có hai nút con, nút và nút. Trong ví dụ trên, nút là con của nút và

nút là con của nút.

Một nhà phát triển web có thể sử dụng và thay đổi DOM bằng cách sử dụng các lệnh nhất định. Các lệnh này được chia thành các thuộc tính (mô tả một phần của trang HTML) và các phương thức (làm một cái gì đó cho phần đó của trang).

Để biết cụ thể về cách sử dụng DOM DOM, hãy xem bài viết tiếp theo, "Làm việc với DOM", sẽ được đăng vào tuần tới.

Video HướNg DẫN: Học lập trình Web A-Z - JAVASCRIPT- Bài 14 - DOM và kỹ thuật thao túng nội dung trang HTML (Có Thể 2024).