js动态操纵DOM节点方法

<p id="p1">
 <p id="p_1">我是第一个段落</p>
 <p id="p_2">我是第二个段落</p>
</p>

<script> /*创建一个元素节点*/ var arr=document.createElement("p"); 
 /*给元素增加文本节点*/ var txt=document.createTextNode("这是添加的文本"); 
 /*把文本节点追加到元素节点上*/ arr.appendChild(txt); 
 /*找到一个存在的元素节点*/ var par=document.getElementById("p_1"); 
 /*把新的元素节点追加到已存在的元素节点上*/ par.appendChild(arr);</script>

<p id="p1">
 <p id="p_1">我是第一个段落</p>
 <p id="p_2">我是第二个段落</p>
</p>