一：獲取元素節點(document對象下)
1. id獲取
documnet.getElementById("id")
獲取該id節點元素
2. class類名獲取
document.getElementsByClassName("className")
獲取的是一個元素集合可以通過索引獲取對應的某個元素
3. 元素獲取
document.getElementsByTagName("div")
獲取的是一個元素集合，可以通過索引獲取某個元素
4. 通過name屬性
document.getElementsByName("name")
獲取的是一個節點集合，通過索引獲取對應元素
5. 通過form元素
document.forms
獲取的是一個元素集合。
6. H5新增的獲取法
document.querySelector()
獲取單個元素節點
document。querySelectorAll()
獲取的是一個節點集合，通過索引獲取對應元素
二：創造節點
1. 創建元素節點
document.createElement("div")
2. 創建文本節點
document.createTextNode
3. 通過克隆創建節點
document.cloneNode(true)
注：有兩個參數“true”和“false”；
可選。默認是 false。
設置為 true，如果您需要克隆節點及其屬性，以及后代
設置為 false，如果您只需要克隆節點及其后代
三：修改節點
var parent = document.getElementById("id")
var child = document.createElement("span")
1. 添加節點appendchild
parent.appentChild(child) 在父元素結尾出添加
2. 移除節點removeChild
parent.removeChild(child)
3.替換節點replace
parent.replace(newNode,oldNode)
4.某節點前面插入節點insertBefore
parent.insertBefore(child) 在parent元素前面添加（是同級關系）
四：jQuery中的一些節點方法
1. append(),在父級最后追加一個子元素 parent.appent(child)
2. appendTo(),將子元素追加到父級的最后 child.appent(parent)
3. prepend(),在父級最前面追加一個子元素
4. prependTo(),將子元素追加到父級的最前面
5. after(),在當前元素之后追加（是同級關系）
6. before(),在當前元素之前追加（是同級關系）
7. insertAfter(),將元素追加到指定對象的后面（是同級關系）
8. insertBefore(),將元素追加到指定對象的前面（是同級關系）
五：節點關系
1. 父關系
parentNode 父節點
parentElement 父元素
2. 子關系
children 子元素
childNodes 子節點
firstElementChild 第一個子元素
firstChild 第一個子節點
lastElementChild 最后一個子元素
lastchild 最后一個子節點
3. 兄弟關系
previousSibling 節點的上一個兄弟節點
previousElementSibling 節點的上一個兄弟元素
nextSibling 節點的下一個兄弟節點
nextElementSibling 節點的下一個兄弟元素
4. jQuery中的一些關系
再議
參考：http://blog.csdn.net/dl2295630178/article/details/70231056