DOM 增，刪，改，查
oUl.children 獲取UL的子節點 有length的屬性
oUl.children[0] 獲取UL第1個子節點 使用比較多
oUl.children[oUl.children.length-1] 獲取Ul的最後一個子節點 使用比較多
oUl.parentNode 獲取Ul的父節點 body,HTML,document
oUl.firstElementChild||oUl.firstChild 首個節點（first） "firstChild 低版本IE6 -8
firstElementChild 高級浏覽器"
oUl.lastElementChild||oUl.lastChild 最後一個字節點 同上
oLi.previousElementSibling||oLi.previousSibling 獲取上一個兄弟節點 相對自己
oLi.nextElementSibling||oLi.nextSibling 獲取下一個兄弟節點 相對自己
var oLi=document.createElement('li'); 創建一個li的節點 創建賦值添加3個步驟
oLi.innerHTML='' 給它賦值
oUl.appendChild(oLi); 插入到oUl裡面去（向後插入）常用
oUl.insertBefore(要插的元素,插到哪裡) 插入到某個元素前面去
oUl.removeChild(要移除的元素); 刪除掉某個元素
節點.cloneNode() 克隆某個元素 "cloneNode（true）深度克隆
移除id:節點.removeAttribute('id');"
window.onscroll 滾動事件 當鼠標滾動的時候發生
window.onresize 窗口事件 當窗口縮小/放大的時候
滾動距離 配合滾動事件
var scrollTop=document.documentElement.scrollTop||document.body.scrollTop
document.documentElement.clientHeight 可視區的高度
document.documentElement.clientWidth 可視區的寬度
offsetHeight(占位物體)（live事件） 物體盒模型高度 border+padding+height
offsetWidth(占位物體)（live事件） 物體盒模型寬度 border+padding+width
offsetparent 定位父級 如果沒有定位父級則是body
parentNode 結構父級
offsetTop(占位物體) 物體盒模型最外邊距離定位父級的top值 如果沒有定位父級則是相對body
offsetLeft(占位物體) 物體盒模型最外邊距離定位父級的left值 如果沒有定位父級則是相對body
getAttribute('屬性') 獲取行間自定義屬性
setAttribute('屬性'，'屬性值'); 設置行間屬性值 對應使用
removeAttribute('屬性') 移除屬性