在 HTML DOM 中,所有事物都是節(jié)點。DOM 是被視為節(jié)點樹的 HTML。
HTML DOM 節(jié)點 語法
根據(jù) W3C 的 HTML DOM 標準,HTML 文檔中的所有內(nèi)容都是節(jié)點:
整個文檔是一個文檔節(jié)點
每個 HTML 元素是元素節(jié)點
HTML 元素內(nèi)的文本是文本節(jié)點
每個 HTML 屬性是屬性節(jié)點
注釋是注釋節(jié)點
HTML DOM 節(jié)點 示例
<html> <head> <meta charset="utf-8"> <title>DOM 教程</title> </head> <body> <h1>DOM 課程1</h1> <p>Hello world!</p> </body> </html>
從上面的 HTML 中:
<html> 節(jié)點沒有父節(jié)點;它是根節(jié)點
<head> 和 <body> 的父節(jié)點是 <html> 節(jié)點
文本節(jié)點 "Hello world!" 的父節(jié)點是 <p> 節(jié)點
并且:
<html> 節(jié)點擁有兩個子節(jié)點:<head> 和 <body>
<head> 節(jié)點擁有兩個子節(jié)點:<meta> 與 <title> 節(jié)點
<title> 節(jié)點也擁有一個子節(jié)點:文本節(jié)點 "DOM 教程"
<h1> 和 <p> 節(jié)點是同胞節(jié)點,同時也是 <body> 的子節(jié)點
并且:
<head> 元素是 <html> 元素的首個子節(jié)點
<body> 元素是 <html> 元素的最后一個子節(jié)點
<h1> 元素是 <body> 元素的首個子節(jié)點
<p> 元素是 <body> 元素的最后一個子節(jié)點