添加和删除节点（HTML元素）

创建新的HTML元素

 <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");//找到一个已有元素
 element.appendChild(para);//向这个已有元素追加新元素
 </script>

删除已有的元素

 <div id="div1">
 <p id="p1">这是一个段落。</p>
 <p id="p2">这是另一个段落。</p>
 </div>

 <script>
 var parent=document.getElementById("div1");//找到父元素
 var child=document.getElementById("p1");//找到子元素
 parent.removeChild(child);//从父元素中删除子元素
 </script>

DOM  需要清楚您需要删除的元素，以及他的父元素

可以使用子元素的parentNode属性来找父元素

 var child=document.getElementById("p1");
 child.parentNode.removeChild(child);