1.獲取文本節點
p和span標簽中間隔着文本節點，需要連續使用2次nextSibling才能選中span標簽取得文本值
如當前節點父節點下的，第一個子節點:
current.parentNode.firstChild.nextSibling
當前節點的上一個子節點：
current.previousSibling.previousSibling
所以為了准確地找到相應的元素，會用
firstElementChild,
lastElementChild,
nextElementSibling,
previousElementSibling
2.獲取元素節點
id：document.getElementById
標簽名（如Input）：document.getElementsByTagName
屬性值(如name): document.getElementsByName
class： document.getElementsByClassName
返回的值都是string。
3.節點操作方法備忘
creatElement 創建新的節點元素
var xxxx=getElementById('id');
xxxx.appendChild(newNode) 將newNode添加成當前節點的最后一個子節點
xxxx.insertBefore(newNode,refNode) 將refNode節點之前插入newNode節點
xxxx.replaceChild(newNode,oldNode) 將oldNode節點替換成newNode節點
xxx.removeChild(oldNode) 將oldNode子節點刪除
節點cloneNode(boolean deep)，當deep為true時，表示復制當前節點以及當前結點的全部后代節點。為false時，只復制當前節點。
cloneNoe(true)