好好學習 ，天天向上。Are you ready?

一、設定或獲取元素節點物件的屬性
1. setAttribute()
2. getattribute()
3. removeAttribute()
二、outerHTML : 獲取元素節點物件的全部內容，包含當前節點
innerText : 設定或獲取元素節點物件中的純文字
innerHTML : 設定或獲取元素節點物件中的文字
三、獲取元素節點中所有的子節點
childNodes ： 獲取元素子節點和文字子節點
1. 去除空白文字子節點
function removeSpace(node){
var childs = node.childNodes;
for(var i = 0;i < childs.length;i ++){
if(childs[i].nodeType === 3 && /^\s+$/.test(childs[i].nodeValue)){
node.removeChild(childs[i]);
}
}
return node;
}
2. children : 只獲取元素子節點
四、高階選取：
parentNode : 父節點
firstChild : 第一個子節點
firstElementChild : 第一個元素子節點
lastChild : 最後一個子節點
lastElementChild : 最後一個元素子節點
previousSibling : 前一個兄弟節點
previousElementSibling:前一個元素兄弟節點
nextSibling : 後一個兄弟節點
nextElementSibling : 後一個元素兄弟節點
五、如何插入節點： 父節點.insertBefore(新節點，指定節點)
六、如何克隆節點： 物件.cloneNode([true]) : 不帶true:當前節點 帶true：當前節點及節點中的內容
七、offsetWidth: width + padding + border
offsetHeight : height + padding + border
八、如何獲取非行內樣式
標準： getComputedStyle(物件,常量).屬性
IE： 物件.currentStyle.屬性
相容：
function getStyle(obj,attr){
return window.getComputedStyle ? getComputedStyle(obj,1)[attr] : obj.currentStyle[attr];
}
九、offsetLeft : 當前物件相對於父物件的距離（left)
offsetTop : 當前物件相對於父物件的距離（top)