1.节点-添加标签
<body>
<div id="div1">
<p id="p1">这是一个段落。</p>
<p id="p2">这是另一个段落。</p>
</div>
<script>
var para=document.createElement("p"); //创建一个文本节<p>
var node=document.createTextNode("这是新段落。"); //创建内容
para.appendChild(node); //把内容追加到<p>里面，
var element=document.getElementById("div1"); //提取需要放置位置的id
element.appendChild(para); //在id上添加新元素
</script>
</body>
2.节点-删除标签
<body>
<div id="div1">
<p id="p1">这是一个段落。</p>
<p id="p2">这是另一个段落。</p>
</div>
<script>
var parent=document.getElementById("div1"); //提取需要删除的节点的父节点的id
var child=document.getElementById("p1"); //提取需要删除的节点的id
parent.removeChild(child); //父节点删除子节点
</script>
</body>
原文：http://www.cnblogs.com/wskxy/p/6662973.html