在 HTML DOM 中，所有事物都是節(jié)點(diǎn)。 DOM 是被視為節(jié)點(diǎn)樹的 HTML。
HTML DOM 節(jié)點(diǎn) 語法
根據(jù)W3C 的HTML DOM 標(biāo)準(zhǔn)，HTML 文件中的所有內(nèi)容都是節(jié)點(diǎn)：
整個(gè)文件是一個(gè)文件節(jié)點(diǎn)
每個(gè)HTML 元素是元素節(jié)點(diǎn)
#HTML 元素內(nèi)的文字是文字節(jié)點(diǎn)
每個(gè)HTML 屬性是屬性節(jié)點(diǎn)
#註解是註解節(jié)點(diǎn)
HTML DOM 節(jié)點(diǎn) 範(fàn)例
<html> <head> <meta charset="utf-8"> <title>DOM 教程</title> </head> <body> <h1>DOM 課程1</h1> <p>Hello world!</p> </body> </html>
從上面的HTML 中：
##<html> 節(jié)點(diǎn)沒有父節(jié)點(diǎn)；它是根節(jié)點(diǎn)<head> 和<body> 的父節(jié)點(diǎn)是< html> 節(jié)點(diǎn)文字節(jié)點(diǎn)"Hello world!" 的父節(jié)點(diǎn)是<p> 節(jié)點(diǎn)並且：<html> 節(jié)點(diǎn)擁有兩個(gè)子節(jié)點(diǎn)：< ;head> 和<body><head> 節(jié)點(diǎn)擁有兩個(gè)子節(jié)點(diǎn)：<meta> 與<title> 節(jié)點(diǎn)#<title> 節(jié)點(diǎn)也擁有子節(jié)點(diǎn)：文本節(jié)點(diǎn)"DOM 教學(xué)"<h1> 和<p> 節(jié)點(diǎn)是同胞節(jié)點(diǎn)，同時(shí)也是<body> 的子節(jié)點(diǎn)並且： <head> 元素是<html> 元素的首個(gè)子節(jié)點(diǎn)<body> 元素是<html> 元素的最後一個(gè)子節(jié)點(diǎn)<h1> 元素是< ;body> 元素的首個(gè)子節(jié)點(diǎn)<p> 元素是<body> 元素的最後一個(gè)子節(jié)點(diǎn)