Dom元素操作

var btn1 = document.getElementById("btn1");
var btn2 = document.getElementById("btn2");
var box = document.getElementsByClassName('box')[0];
var p = document.createElement("p");

//把创建的p元素添加到父元素box里
btn1.onclick = function(){
	box.appendChild(p);
}

//移除父元素里的p元素
btn2.onclick = function(){
	box.removeChild(p);
}

//插入元素 - insertBefore(被插入的元素，参照元素)
var dom = document.getElementById("dom");
var newDom = document.createElement("div");
dom.insertBefore(newDom,dom.children[n]);把创建好的元素插入到dom元素下的n元素之前

//替换元素 - replaceChild(替换元素，被替换元素)
var dom = document.getElementById("dom");
var newDom = document.createElement("div");
dom.replaceChild(newDom,dom.children[n]);替换掉父元素里面第N个元素

//克隆元素 - cloneNode(true/false) 
var dom = document.getElementById("dom");
dom.cloneNode(true/false);默认false 只克隆最外层所选中的元素；true则深度克隆，即里面任何子元素都会被克隆；