摘要：但上述兩個情況中都是同一份文檔。提示對象是對象的一部分，可通過屬性對其進(jìn)行訪問。返回包含指定節(jié)點(diǎn)的子節(jié)點(diǎn)的集合，該集合為即時更新的集合。對象在中，對象表示元素屬性節(jié)點(diǎn)的無序集合。

W3C 文檔對象模型 （DOM） 是中立于平臺和語言的接口，它允許程序和腳本動態(tài)地訪問和更新文檔的內(nèi)容、結(jié)構(gòu)和樣式。
W3C DOM 標(biāo)準(zhǔn)被分為 3 個不同的部分：

核心 DOM - 針對任何結(jié)構(gòu)化文檔的標(biāo)準(zhǔn)模型

XML DOM - 針對 XML 文檔的標(biāo)準(zhǔn)模型

HTML DOM - 針對 HTML 文檔的標(biāo)準(zhǔn)模型

也就是說，DOM包含三個版本（？），對應(yīng)不同的DOM模型，由于我對XML還不是很了解，這里主要先討論HTML DOM

引自W3C：

HTML的標(biāo)準(zhǔn)對象模型
HTML 的標(biāo)準(zhǔn)編程接口
W3C 標(biāo)準(zhǔn)
HTML DOM 定義了所有 HTML 元素的對象和屬性，以及訪問它們的方法。
換言之，HTML DOM 是關(guān)于如何獲取、修改、添加或刪除 HTML 元素的標(biāo)準(zhǔn)

引自MDN：

文檔對象模型 (DOM) 是HTML和XML文檔的編程接口。它提供了對文檔的結(jié)構(gòu)化的表述，并定義了一種方式可以使從程序中對該結(jié)構(gòu)進(jìn)行訪問，從而改變文檔的結(jié)構(gòu)，樣式和內(nèi)容。DOM 將文檔解析為一個由節(jié)點(diǎn)和對象（包含屬性和方法的對象）組成的結(jié)構(gòu)集合。簡言之，它會將web頁面和腳本或程序語言連接起來。
一個web頁面是一個文檔。這個文檔可以在瀏覽器窗口或作為HTML源碼顯示出來。但上述兩個情況中都是同一份文檔。文檔對象模型（DOM）提供了對同一份文檔的另一種表現(xiàn)，存儲和操作的方式。 DOM是web頁面的完全的面向?qū)ο蟊硎觯軌蚴褂萌?JavaScript等腳本語言進(jìn)行修改。

我們之所以能夠?qū)eb頁面進(jìn)行添加、刪除、更新、操控元素等等活動，就是因為這個DOM才得以實現(xiàn)。它定義了一套對象（方法）規(guī)則，使得JavaScript可以根據(jù)這些規(guī)則來進(jìn)行編程。更像是一個文檔API

根據(jù) W3C 的 HTML DOM 標(biāo)準(zhǔn)，HTML 文檔中的所有內(nèi)容都是節(jié)點(diǎn)：

整個文檔是一個文檔節(jié)點(diǎn)
每個HTML元素是元素節(jié)點(diǎn)

HTML元素內(nèi)的文本是文本節(jié)點(diǎn)
每個HTML屬性是屬性節(jié)點(diǎn)
注釋是注釋節(jié)點(diǎn)

HTML DOM 將 HTML 文檔視作樹結(jié)構(gòu)。這種結(jié)構(gòu)被稱為節(jié)點(diǎn)樹：

    
        
        
         
    
        
Temperature Conversion
        

            
            
            
        
        
        

        
    

W3C的DOM Level 1 Core是用于更改文檔內(nèi)容樹的強(qiáng)大對象模型。所有主流瀏覽器都支持Mozilla Firefox和Microsoft Internet Explorer。它是網(wǎng)絡(luò)上腳本編寫的強(qiáng)大基礎(chǔ)。

例：

  
    
  
  
    
DOM 第一課
    
Hello world!
  

節(jié)點(diǎn)沒有父節(jié)點(diǎn)；它是根節(jié)點(diǎn)

和 的父節(jié)點(diǎn)是 節(jié)點(diǎn)

文本節(jié)點(diǎn) "Hello world!" 的父節(jié)點(diǎn)是

節(jié)點(diǎn)

且

節(jié)點(diǎn)擁有兩個子節(jié)點(diǎn)： 和

節(jié)點(diǎn)擁有一個子節(jié)點(diǎn)：，元素節(jié)點(diǎn)

            var i = document.getElementById("input");
            var c = document.createAttribute("class");
            c.nodeValue = "cla";
            i.attributes.setNamedItem(c)