文檔對象模型DOM（Document Object Model）定義訪問和處理HTML文檔的標準方法。DOM 將HTML文檔呈現為帶有元素、屬性和文本的樹結構（節點樹）。
先來看看下面代碼:
將HTML代碼分解為DOM節點層次圖:
HTML文檔可以說由節點構成的集合，DOM節點有:
1. 元素節點：上圖中<html>、<body>、<p>等都是元素節點，即標簽。
2. 文本節點:向用戶展示的內容，如<li>...</li>中的JavaScript、DOM、CSS等文本。
3. 屬性節點:元素屬性，如<a>標簽的鏈接屬性href="http://www.xianlaiwan.cn"。
節點屬性:
遍歷節點樹:
以上圖ul為例，它的父級節點body,它的子節點3個li,它的兄弟結點h2、P。
DOM操作:
注意:前兩個是document方法。
在JavaScript入門篇中，對DOM進行了基礎講解（http://www.xianlaiwan.cn/learn/36），我們通過任務來回顧下。
在右邊編輯器第11行補充代碼，通過getElementById獲取id為con的h2標簽。
在右邊編輯第12行補充代碼，修改h2標簽的樣式，將顏色設為紅色。
在右邊編輯器第13行補充代碼，修改h2標簽的樣式，將背景顏色設為灰色(#CCC)。
在右邊編輯第14行補充代碼，通過style.display實現隱藏。
var mychar = document.getElementById("con");
mychar.style.color="red";
mychar.style.backgroundColor ="#ccc";
mychar.style.display="none";
請驗證，完成請求
由于請求次數過多，請先驗證，完成再次請求
打開微信掃碼自動綁定
綁定后可得到
使用 Ctrl+D 可將課程添加到書簽
舉報
