DOM node là gì?

Phrase Html

Tài liệu DOM (DOM document) bao gồm một hệ thống phân cấp các nút (node). Mỗi nút có thể có cha và / hoặc con. Hãy xem tài liệu HTML sau:


<!DOCTYPE html>
<html>
  <head>
    <title>My Page</title>
  </head>
  <body>
    <!-- Page Body -->
    <h2>My Page</h2>
    <p id="content">Thank you for visiting my web page!</p>
  </body>
</html>

Tài liệu chứa hệ thống phân cấp các nút sau:

<html> là một nút trong cây tài liệu. Nó có 2 nút con: nút <head> và <body>.

<body> cũng là một nút có 3 nút con: một comment, tiêu đề <h2> và đoạn văn bản <p>. Cha của nút <body> là nút <html>.

Các thẻ (tag) trong tài liệu HTML đại diện cho một nút, điều thú vị là văn bản thông thường cũng là một nút. Nút đoạn văn bản <p> có 1 nút con: nút văn bản "Thank you for visiting my web page!".

Learning English Everyday