DOM是Document Object Model的縮寫，中文名稱是文檔對象模型。

DOM是處理HTML頁面的標(biāo)準(zhǔn)編程接口，【前端精選40G資料包贈送co，每日新聞資訊ding,每天進(jìn)步一點點bb，小寫英文為微信】DOM可被JavaScript用來讀取、改變HTML的內(nèi)容和結(jié)構(gòu)。

前端三大件指HTML、CSS、JavaScript，其中JavaScript最重要的組成部分就是DOM。

一：我們?yōu)槭裁匆獙W(xué)習(xí)DOM呢？

1，DOM可以讓用戶對網(wǎng)頁元素進(jìn)行交互操作

比如，當(dāng)我點擊了一個按鈕，彈出一個對話框等操作。

2，DOM可以用來做網(wǎng)頁游戲

比如，現(xiàn)在比較流行的魔獸世界這種游戲，我們完全可以拿JavaScript操作DOM來實現(xiàn)。

3，DOM是ajax的重要基礎(chǔ)

比如，我們通過ajax獲取了一些數(shù)據(jù)，你要顯示給用戶，這就需要用到DOM了。

二：我們是這么講解DOM的

1，首先我們會講解什么是DOM，就是之前說的文檔對象模型

DOM是處理HTML的標(biāo)準(zhǔn)編程接口，DOM可被JavaScript用來讀取、改變HTML的內(nèi)容和結(jié)構(gòu)。

2，會講解什么是DOM樹

對象與對象間的層次結(jié)構(gòu)。

??

??

3，會講解什么是DOM節(jié)點

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

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

每個 HTML 元素是元素節(jié)點

HTML 元素內(nèi)的文本是文本節(jié)點

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

注釋是注釋節(jié)點

4，會講解什么是事件驅(qū)動

即做了什么操作，執(zhí)行什么事件。

5，會講解什么是2級DOM

1級DOM、2級DOM、3級DOM分別指什么？怎樣實現(xiàn)。

6，會講解什么是事件流

會講解什么叫做事件冒泡，什么叫做事件捕獲，根據(jù)事件流的特點能實現(xiàn)什么功能，及如何阻止事件的傳播。

??

??

7，會講解什么是Event

Event 對象的屬性提供了有關(guān)事件的細(xì)節(jié)。

三：模擬畫筆案例

在網(wǎng)頁中，通過JavaScript操作DOM來模擬畫筆功能，比如鼠標(biāo)按下后，在屏幕中拖動，會形成痕跡，那么整個過程，就是在模擬畫筆。

總結(jié)

以上是生活随笔為你收集整理的dom文档对象手册_HTML5学习之DOM编程的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。