节点操作（创建、插入、删除、替换、克隆）

创建新节点

<div id="box">
	<div id="child">
	</div>
</div>

var odiv = document.createElement("div")//新建一个节点

insertBefore(要插入的节点，谁的前面)

box.insertBefore(odiv,child) 

删除节点

//删除box下的child节点
box.removeChild(child) 

自我删除包含子、后代元素

box.removr()

替换节点

replaceChild(新的节点，老的节点)

var odiv2 = document.createElement("div")
    odiv2.innerHTML = "2222"
    odiv2.id="child2"
    odiv2.style.lineHeight="50px"
    新建一个节点。修改内容。id。行高
    box.replaceChild(odiv2,child)
    					odiv2替换掉child

克隆节点 cloneNode（）

（）为真假，默认为假 不克隆后代。
true真会包含后代克隆

 var OCloneBox = box.cloneNode(true)	
 OCloneBox.id="box2"
 修改ID值
 document.body.appendChild(OCloneBox)
 在body中插入(OCloneBox)