HTML DOM定義了訪問和操作HTML文檔的標準方法。HTML DOM 把HTML文檔呈現(xiàn)為帶有元素、屬性和文本的樹結構（節(jié)點樹）。

推薦閱讀：大話HTML DOM與XML DOM的區(qū)別與聯(lián)系

HTML DOM簡介

HTML文檔對象模型（HTML Document Object Model）定義了訪問和處理HTML文檔的標準方法。

您應當具備的基礎知識

在繼續(xù)學習之前，您需要對下面的知識有基本的了解：

◆HTML / XHTML

◆JavaScript

什么是DOM？

通過JavaScript，您可以重構整個HTML文檔。您可以添加、移除、改變或重排頁面上的項目。要改變頁面的某個東西，JavaScript就需要對HTML文檔中所有元素進行訪問的入口。這個入口，連同對HTML元素進行添加、移動、改變或移除的方法和屬性，都是通過文檔對象模型來獲得的（DOM）。

在1998年，W3C發(fā)布了***級的DOM規(guī)范。這個規(guī)范允許訪問和操作HTML頁面中的每一個單獨的元素。所有的瀏覽器都執(zhí)行了這個標準，因此，DOM的兼容性問題也幾乎難覓蹤影了。DOM可被JavaScript用來讀取、改變HTML、XHTML以及XML文檔。DOM被分為不同的部分（核心、XML及HTML）和級別（DOM Level 1/2/3）：

◆Core DOM：定義了一套標準的針對任何結構化文檔的對象。

◆XML DOM：定義了一套標準的針對XML文檔的對象。

◆HTML DOM：定義了一套標準的針對HTML文檔的對象。

HTML DOM 節(jié)點

HTML文檔中的每個成分都是一個節(jié)點。

節(jié)點

根據(jù)DOM，HTML文檔中的每個成分都是一個節(jié)點。DOM是這樣規(guī)定的：

◆整個文檔是一個文檔節(jié)點

◆每個HTML標簽是一個元素節(jié)點

◆包含在HTML元素中的文本是文本節(jié)點

◆每一個HTML屬性是一個屬性節(jié)點

◆注釋屬于注釋節(jié)點

Node層次

節(jié)點彼此都有等級關系。HTML文檔中的所有節(jié)點組成了一個文檔樹（或節(jié)點樹）。HTML文檔中的每個元素、屬性、文本等都代表著樹中的一個節(jié)點。樹起始于文檔節(jié)點，并由此繼續(xù)伸出枝條，直到處于這棵樹***級別的所有文本節(jié)點為止。下面這個圖片表示一個文檔樹（節(jié)點樹）：

HTML DOM 節(jié)點樹

一棵節(jié)點樹中的所有節(jié)點彼此都是有關系的。

文檔樹（節(jié)點數(shù)）

 
 
 

  
  
  
請看下面這個HTML文檔：  
  
  
  
 
  
  
  
   
  
  
  
       
  
  
  
     
  
  
  
     
  
  
  
    
DOM Lesson one
   
  
  
  
    
Hello world!
   
  
  
  
     
  
  
  
 
 
 
 

上面所有的節(jié)點彼此間都存在關系。除文檔節(jié)點之外的每個節(jié)點都有父節(jié)點。舉例， 和 的父節(jié)點是節(jié)點，文本節(jié)點"Hello world!"的父節(jié)點是

節(jié)點。

大部分元素節(jié)點都有子節(jié)點。比方說，節(jié)點有一個子節(jié)點：