一、DOM:
（1）定義：
Dom是W3C（萬維網聯盟）的標準, Document Object Model（文檔對象模型）的縮寫，是針對HTML和XML穩定的一個API(應用程序編程接口)
（2）DOM節點樹：
--父節點：
parentNode:父節點
--子節點
childNodes:所有子節點
children:所有事標簽類型的子節點
firstChild:第一個子節點
lastChild:最后一個子節點
--兄弟節點：
nextSibling:下一個兄弟節點
previousSibling:上一個兄弟節點
--屬性節點：
attributes
document.body.attributes[0];
document.body.attributes.color;
document.body.attributes["onload"];
（3）DOM方法：
--創建節點：
creatElement() 創建標簽
createTextNode()創建文本
creatAttribute()創建屬性節點
--插入節點
appendChild()在末尾插入
insertBefore(new,XX)在XX的前面插入
--刪除：
remove()直接刪除
removeChild()刪除父節點的某子元素
--替換：
replaceChild(new,old）將誰的子節點old替換成new
（4）DOM屬性
offsetHeight:帶邊框的高度
clientHeight:可視高度（不包含滾動條）
offsetTop/Left:相對于定位父級的距離
clientTop/Left:指邊框的大小（上/左）
scrollTop:滾動上去的距離
scrollHeight:可以滾動的距離
（5）window屬性
innerWidth：不包含工具欄
outerWidth:包含工具欄
（6）克隆
target.cloneNode(false);
false表淺復制，只賦值target本身
true表深復制，可以復制box子節點
二、獲取計算后樣式
（1）非IE下：
參數1:要獲取的樣式的元素
參數2：偽類名稱（沒有偽類就寫null）
var color = getComputedStyle(div,":before").color;
（2）IE下：
var color = div.currenStyle.color;
注意：獲取css樣式不能通過：Element.style.left等獲取，所獲取的內容都為空
兼容寫法見js兼容函數文檔。。。。
