先來看html網頁的代碼和浏覽器展現的結果（下圖1和圖2）：
圖1
圖2
然後對照着下圖的DOM樹，分析DOM的節點層次和定義：
除了html中的<!DOCTYPE>和<meta>聲明外，
1.第一級是html文件中的根元素：<html></html>标簽
2.第二級是根元素html下面的子元素：<head></head>和<body></body>标簽
3.第三級是<head>元素的子元素：<title></title>标簽以及
<body>元素的子元素：<a></a>和<h1></h1>标簽
4.title元素中有一個文本“這是網頁标題”；
a元素中有一個href屬性和一個文本“這是鍊接”；
h1元素中有一個文本“這是網頁内容中的标題”。
綜上：
1.html文檔是一個文檔節點，
2.每個html元素是元素節點，
3.html元素内的文本是文本節點，
4.每個html屬性是屬性節點。
節點的層級關系用術語來描述：
父（parent）、子（child）和同胞（sibling）等。
在節點樹中，頂端節點被稱為根（root），在頁面中對應的是<html></html>标簽，
每個節點都有父節點、除了根（它沒有父節點），<head></head>和<body></body>的父節點就是<html></html>，
一個節點可擁有任意數量的子節點，<body></body>的子節點有<a></a>和<h1></h1>，
同胞是擁有相同父節點的節點，<a></a>和<h1></h1>有相同的父節點，因此它倆就是同胞。
,更多精彩资讯请关注tft每日頭條，我们将持续为您更新最新资讯!
zpostcode 
Recruit 
weather 
mreligion 
Yellowpages 
sport 
constellation 
shopping 
name 
game 
directory 
literature 
Word 
tour 
furnish 
Lottery 
tftnews 
lyrics 
News 
digital 
car 
dir 
Edu 
Finance 
