HTML DOM 節(jié)點(diǎn)樹
一棵節(jié)點(diǎn)樹中的所有節(jié)點(diǎn)彼此都是有關(guān)系的。
文檔樹（節(jié)點(diǎn)樹）
請(qǐng)看下面這個(gè)HTML文檔：
<html>
<head>
<title>DOM Tutorial</title>
</head>
<body>
<h1>DOM Lesson one</h1>
<p>Hello world!</p>
</body>
</html>
上面所有的節(jié)點(diǎn)彼此間都存在關(guān)系。
除文檔節(jié)點(diǎn)之外的每個(gè)節(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)。
大部分元素節(jié)點(diǎn)都有子節(jié)點(diǎn)。比方說(shuō)，<head> 節(jié)點(diǎn)有一個(gè)子節(jié)點(diǎn)：<title> 節(jié)點(diǎn)。<title> 節(jié)點(diǎn)也有一個(gè)子節(jié)點(diǎn)：文本節(jié)點(diǎn) "DOM Tutorial"。
當(dāng)節(jié)點(diǎn)分享同一個(gè)父節(jié)點(diǎn)時(shí)，它們就是同輩（同級(jí)節(jié)點(diǎn)）。比方說(shuō)，<h1> 和 <p>是同輩，因?yàn)樗鼈兊母腹?jié)點(diǎn)均是 <body> 節(jié)點(diǎn)。
節(jié)點(diǎn)也可以擁有后代，后代指某個(gè)節(jié)點(diǎn)的所有子節(jié)點(diǎn)，或者這些子節(jié)點(diǎn)的子節(jié)點(diǎn)，以此類推。比方說(shuō)，所有的文本節(jié)點(diǎn)都是 <html>節(jié)點(diǎn)的后代，而第一個(gè)文本節(jié)點(diǎn)是 <head> 節(jié)點(diǎn)的后代。
節(jié)點(diǎn)也可以擁有先輩。先輩是某個(gè)節(jié)點(diǎn)的父節(jié)點(diǎn)，或者父節(jié)點(diǎn)的父節(jié)點(diǎn)，以此類推。比方說(shuō)，所有的文本節(jié)點(diǎn)都可把 <html> 節(jié)點(diǎn)作為先輩節(jié)點(diǎn)。