1、認識DOM
文檔對象模型DOM（Document Object Model）定義訪問和處理HTML文檔的標準方法。DOM 將HTML文檔呈現為帶有元素、屬性和文本的樹結構（節點樹）。
先來看看下面代碼:
將HTML代碼分解為DOM節點層次圖:
HTML文檔可以說由節點構成的集合，三種常見的DOM節點:
1. 元素節點：上圖中<html>,<body>,<p>等都是元素節點，即標簽。
2. 文本節點:向用戶展示的內容，如<li>...</li>中的JavaScript、DOM、CSS等文本。
3. 屬性節點:元素屬性，如<a>標簽的鏈接屬性。
看下面代碼:
<a href="htttp://www.baidu.com">Javascript DOM</a>
2、通過id獲取元素對象
document.getElementById("id");
用法：
1、獲取元素對象
object.innerHTML
2、改變HTML樣式
object.style.property=new style;
3、顯示和隱藏（display屬性）
object.style.display=value;
這里的value可以取值:none此元素不會被顯示；block此元素顯示維塊級元素。
4、控制類名
object.className=classsname;
作用：
取元素class的屬性；為網頁內某一元素指定一個css樣式來更改該元素的外觀。
5、取消設量
object.removeAttribute("style");
