<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <div> <p>这是一个段落。</p> <p>这是另一个段落。</p> </div> <script> var para=document.createElement("p");//创建新的<p> 元素 var node=document.createTextNode("这是一个新段落。");//创建文本节点,如果不再需要追加其他文本节点，也可以p1.innerHTML = "这是一个新段落。" ; para.appendChild(node);//向 <p> 元素追加这个文本节点 //向已有的元素追加这个新元素 var element=document.getElementById("div1"); element.appendChild(para); </script> </body> </html>