javascript dom 节点基本操作

创建节点： createElement()
var node = document.createElement("div")

创建文本节点： createTextNode()
var value = document.createTextNode("新加文本")

插入节点到最后： appendChild()
node.appendChild(value);

插入节点到目标节点的前面： insertBefore()
var node = document.createElement("div")
var value = document.createTextNode("新加文本值")
var p = document.createElement("p")
var span =document.createElement("span")
node.appendChild(p)
node.insertBefore(span,p)

复制节点: cloneNode(boolean);
node.cloneNode(true);
node.cloneNode(false);
复制上面的div节点，参数true，复制整个节点和里面的内容；false，只复制节点不要里面的内容，复制后的新节点，也不会被自动插入到文档，需要用到3和4的方法去插入

删除节点: removeChild()
node.removeChild(_p);
把上面的

节点从

里删除。不过一般情况下，不知道要删除的节点的父节点是什么，因此一般这么使：node.parentNode.removeChild(node);
 
替换节点
repalceChild(newNode, oldNode)
node.repalceChild(_p, _span);
把上面的节点替换成

节点，注意无论是还是

，都必须是

的子节点，或是一个新的节点。
 
设置节点属性
setAttribute()
node.setAttribute("title","abc");
不解释了，很容易明白。就说一句，用这个方法设置节点属性兼容好，但class属性不能这么设置。