一棵節(jié)點(diǎn)樹(shù)中的所有節(jié)點(diǎn)彼此都是有關(guān)系的。
HTML DOM 節(jié)點(diǎn)樹(shù)
文檔樹(shù)(節(jié)點(diǎn)數(shù))
請(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)。
上一篇: HTML DOM 節(jié)點(diǎn) 下一篇: HTML DOM 訪問(wèn)節(jié)點(diǎn)