JS获取文本和元素节点、增删改节点。

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)