document.createElement("标签");
父级.appendChild(子元素)把子元素放在父级最后一个位置
父级.insertBefore(对象a, 对象b) 把对象放大到父级下的b对象前
父级.removeChild(对象a) 移除父级下的a对象
父级.replaceChild(对象a, 对象b)把父级下的b对象换成a对象
<div id="div1"></div>
<script>
var div=document.getElementById("div1");
var sp=document.getElementById("span");
var a=document.createElement("p");
a.style.color="blue";
a.style.border="1px solid red";
a.innerHTML="致青春";
div.appendChild(a);
div.insertBefore (a,sp);
div.removeChild(a);
</script>
原文:http://www.cnblogs.com/yangjinfeng172/p/4805686.html