<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>

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

 child.parentNode.removeChild(child);