文檔對象模型DOM（Document Object Model）定義訪問和處理HTML文檔的標準方法。DOM?將HTML文檔呈現為帶有元素、屬性和文本的樹結構（節點樹）。
**先來看看下面代碼:**
**[](http://img.mukewang.com/52e4be610001c67307860420.jpg)**
**將HTML代碼分解為DOM****節點層次圖:**
**[](http://img.mukewang.com/52e4bd0f0001dd8d04830279.jpg)**
**HTML文檔可以說由節點構成的集合，三種常見的DOM節點:**
1\. **元素節點**：上圖中、、等都是元素節點，即標簽。
2\. **文本節點**:向用戶展示的內容，如...中的JavaScript、DOM、CSS等文本。
3\. **屬性節點**:元素屬性，如標簽的鏈接屬性href="http://www.imooc.com"。
**看下面代碼:**
~~~
<a href="http://www.imooc.com">JavaScript DOM</a>
~~~
[](http://img.mukewang.com/52e4bdb80001064c04480196.jpg)
- 1-7JavaScript-什么是變量
- 1-9JavaScript-什么是函數
- 2-2JavaScript-警告（alert 消息對話框）
- 2-3JavaScript-確認（confirm 消息對話框）
- 24JavaScript-提問（prompt 消息對話框）
- 2-5JavaScript-打開新窗口（window.open）
- 2-6JavaScript-關閉窗口（window.close）
- 2-7編程練習
- 3-1認識DOM
- 3-2通過ID獲取元素
- 3-3innerHTML 屬性
- 3-4改變 HTML 樣式
- 3-5顯示和隱藏（display屬性）
- 3-6控制類名（className 屬性）
- 4-1編程挑戰