????????概述：提供學(xué)習(xí)DOM的學(xué)習(xí)方法，以及DOM的是什么。

????????【學(xué)習(xí)目標(biāo)】：理解DOM的概念? ?(文檔對(duì)象模型 document object model)?

????????【學(xué)習(xí)方法】：顧名思義

????????【開始學(xué)習(xí)】：d是doucument(文檔)? ? ? ? ? o是object （對(duì)象）? ? ? ? ?m是model （模型）

????????【思考問題】：什么是文檔？? ? ? ? ? ? ? ? ? ? ? ?什么是對(duì)象？???????????????????什么是模型？

------------------------------------------------------------------------------------------------------------------------------------

????????文檔：document(文檔)

????????1.我們?cè)谏町?dāng)中的文檔是什么？你的檔案袋里放的學(xué)籍卡？簡歷？各種各樣的都是文檔，文檔的特點(diǎn)是有結(jié)構(gòu)。例如：標(biāo)題、正文、段落、結(jié)尾等。

????????2.而在編程語言中，文檔的含義是指由標(biāo)記語言寫出的擁有結(jié)構(gòu)的代碼。

? ? ? ?【總結(jié)】：文檔就是html代碼（這里HTML是泛指，理解含義就好，也可以理解成任何在瀏覽其頁面上用于展示結(jié)構(gòu)的語言）。

------------------------------------------------------------------------------------------------------------------------------------

????????對(duì)象：object(對(duì)象)

????????1.先引入類的概念。

????????類是對(duì)某一種事物的描述，比如我們面對(duì)面對(duì)話，我對(duì)你說：“你的帽子真好看！”，此時(shí)帽子這個(gè)詞就是一個(gè)類，因?yàn)槊弊佑懈鞣N的樣式，各種的顏色，他只是一個(gè)具體事物，具體的東西，具體物品的統(tǒng)稱。而所謂的具體事物，就是你此時(shí)戴的帽子。然而在我描述這個(gè)帽子的時(shí)候，他依然是一個(gè)概念，只要沒有實(shí)例化（具象成一個(gè)實(shí)體），他就是一個(gè)類。

? ? ? ? ?2.對(duì)象是什么，應(yīng)該清楚了，就是把一個(gè)概念的東西，變出來，成為一個(gè)真實(shí)的東西。而在計(jì)算機(jī)中的對(duì)象，其實(shí)就是相當(dāng)于某個(gè)程序運(yùn)行起來，在內(nèi)存中真真正正的占用一部分空間的“實(shí)體”。

------------------------------------------------------------------------------------------------------------------------------------

? ? ? ? ?模型：Model（模型）

? ? ? ? 如果說現(xiàn)在你手里有一個(gè)工具箱，里面全部是修自行車的工具。那么這些工具是什么？答案顯而易見，就是上面說到的對(duì)象。

????????我拿著其中一個(gè)工具問你，這是什么？你回答我：這是扳手（扳手對(duì)象）！對(duì)的，是扳手對(duì)象，平時(shí)講話的時(shí)候會(huì)省略了兩個(gè)字，對(duì)象。

????????當(dāng)我拿著工具箱問你，這是什么？你回答我：工具箱對(duì)象？我說：對(duì)，也不對(duì)。這是工具的模型。為啥工具箱就不是對(duì)象了呢，其實(shí)工具箱是一個(gè)對(duì)象，因?yàn)樗菍?shí)體，但是因?yàn)榇颂幍挠锰幉煌?，我們通常?huì)說，這是一個(gè)模型。因?yàn)樗b著眾多的工具。因?yàn)橹饕挠猛静煌?，?dǎo)致了說法的不一致。

------------------------------------------------------------------------------------------------------------------------------------?

????????【總結(jié)和思考】DOM是什么？

????????? 答：在js這個(gè)語言中，語言的創(chuàng)作者幫助我們創(chuàng)造出了很多好用的工具，其中一個(gè)，就是專門用于操作文檔對(duì)象的模型——DOM。

?------------------------------------------------------------------------------------------------------------------------------------??

【注】：在文檔中（常見的HTML和XML）,每一個(gè)節(jié)點(diǎn)（標(biāo)簽）都是一個(gè)對(duì)象，js提供了對(duì)這些對(duì)象訪問和操作方法。所以DOM的衍伸含義也可以說是對(duì)節(jié)點(diǎn)對(duì)象的操作。

【節(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)。具體可以看w3c的結(jié)構(gòu)劃分。

【PS】：進(jìn)行到此處還不懂嗎？那么再去理解一下最開始的三個(gè)問題，什么是文檔，什么是對(duì)象。