DOM是Document Object Model的縮寫，中文名稱是文檔對象模型。
DOM是處理HTML頁面的標準編程接口，DOM可被JavaScript用來讀取、改變HTML的內容和結構。
前端三大件指HTML、CSS、JavaScript，其中JavaScript最重要的組成部分就是DOM。
一：我們為什麼要學習DOM呢？
1，DOM可以讓用戶對網頁元素進行交互操作
比如，當我點擊了一個按鈕，彈出一個對話框等操作。
2，DOM可以用來做網頁遊戲
比如，現在比較流行的遊戲，我們完全可以拿JavaScript操作DOM來實現。
3，DOM是ajax的重要基礎
比如，我們通過ajax獲取了一些數據，你要顯示給用戶，這就需要用到DOM了。
二：我們是這麼講解DOM的
1，首先我們會講解什麼是DOM，就是之前說的文檔對象模型
DOM是處理HTML的標準編程接口，DOM可被JavaScript用來讀取、改變HTML的內容和結構。
2，會講解什麼是DOM樹
對象與對象間的層次結構。
3，會講解什麼是DOM節點
根據 W3C 的 HTML DOM 標準，HTML 文檔中的所有內容都是節點：
整個文檔是一個文檔節點
每個 HTML 元素是元素節點
HTML 元素內的文本是文本節點
每個 HTML 屬性是屬性節點
註釋是註釋節點
4，會講解什麼是事件驅動
即做了什麼操作，執行什麼事件。
5，會講解什麼是2級DOM
1級DOM、2級DOM、3級DOM分別指什麼？怎樣實現。
6，會講解什麼是事件流
會講解什麼叫做事件冒泡，什麼叫做事件捕獲，根據事件流的特點能實現什麼功能，及如何阻止事件的傳播。
7，會講解什麼是Event
Event 對象的屬性提供了有關事件的細節。
三：模擬畫筆案例
在網頁中，通過JavaScript操作DOM來模擬畫筆功能，比如鼠標按下後，在屏幕中拖動，會形成痕跡，那麼整個過程，就是在模擬畫筆。