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

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

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

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

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

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

引自W3C：

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

引自MDN：

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

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

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

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

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

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

    
        
        
         
    
        
Temperature Conversion
        

            
            
            
        
        
        

        
    

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

例：

  
    
  
  
    
DOM 第一課
    
Hello world!
  

節(jié)點(diǎn)沒(méi)有父節(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)擁有兩個(gè)子節(jié)點(diǎn)： 和

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

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