在 HTML DOM 中,所有事物都是節點。 DOM 是被視為節點樹的 HTML。

HTML DOM 節點 語法

根據W3C 的HTML DOM 標準,HTML 文件中的所有內容都是節點:

整個文件是一個文件節點

每個HTML 元素是元素節點

#HTML 元素內的文字是文字節點

每個HTML 屬性是屬性節點

#註解是註解節點

HTML DOM 節點 範例

<html>
  <head>
    <meta charset="utf-8">
    <title>DOM 教程</title>
  </head>
  <body>
    <h1>DOM 课程1</h1>
    <p>Hello world!</p>
  </body>
</html>

從上面的HTML 中:

##<html> 節點沒有父節點;它是根節點

<head> 和<body> 的父節點是< html> 節點

文字節點"Hello world!" 的父節點是<p> 節點

並且:

<html> 節點擁有兩個子節點:< ;head> 和<body>

<head> 節點擁有兩個子節點:<meta> 與<title> 節點

#<title> 節點也擁有子節點:文本節點"DOM 教學"

<h1> 和<p> 節點是同胞節點,同時也是<body> 的子節點

並且:

<head> 元素是<html> 元素的首個子節點

<body> 元素是<html> 元素的最後一個子節點

<h1> 元素是< ;body> 元素的首個子節點

<p> 元素是<body> 元素的最後一個子節點