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