一棵節(jié)點樹中的所有節(jié)點彼此都是有關系的。
HTML DOM 節(jié)點樹
文檔樹(節(jié)點數(shù))
請看下面這個HTML文檔:
<html> <head> <title>DOM Tutorial</title> </head> <body> <h1>DOM Lesson one</h1> <p>Hello world!</p> </body> </html>
上面所有的節(jié)點彼此間都存在關系。
除文檔節(jié)點之外的每個節(jié)點都有父節(jié)點。舉例,<head> 和 <body> 的父節(jié)點是 <html> 節(jié)點,文本節(jié)點 "Hello world!" 的父節(jié)點是 <p> 節(jié)點。
大部分元素節(jié)點都有子節(jié)點。比方說,<head> 節(jié)點有一個子節(jié)點:<title> 節(jié)點。<title> 節(jié)點也有一個子節(jié)點:文本節(jié)點 "DOM Tutorial"。
當節(jié)點分享同一個父節(jié)點時,它們就是同輩(同級節(jié)點)。比方說,<h1> 和 <p>是同輩,因為它們的父節(jié)點均是 <body> 節(jié)點。
節(jié)點也可以擁有后代,后代指某個節(jié)點的所有子節(jié)點,或者這些子節(jié)點的子節(jié)點,以此類推。比方說,所有的文本節(jié)點都是 <html>節(jié)點的后代,而第一個文本節(jié)點是 <head> 節(jié)點的后代。
節(jié)點也可以擁有先輩。先輩是某個節(jié)點的父節(jié)點,或者父節(jié)點的父節(jié)點,以此類推。比方說,所有的文本節(jié)點都可把 <html> 節(jié)點作為先輩節(jié)點。