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

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

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

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

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

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

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

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

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

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

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

????????對象：object(對象)

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

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

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

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

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

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

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

????????當(dāng)我拿著工具箱問你，這是什么？你回答我：工具箱對象？我說：對，也不對。這是工具的模型。為啥工具箱就不是對象了呢，其實工具箱是一個對象，因為他是實體，但是因為此處的用處不同，我們通常會說，這是一個模型。因為他裝著眾多的工具。因為主要的用途不同，導(dǎo)致了說法的不一致。

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

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

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

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

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

【節(jié)點劃分】：整個文檔是一個文檔節(jié)點，每個 HTML 元素是元素節(jié)點，HTML 元素內(nèi)的文本是文本節(jié)點，每個 HTML 屬性是屬性節(jié)點，注釋是注釋節(jié)點。具體可以看w3c的結(jié)構(gòu)劃分。

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