<!DOCTYPE html>
<html>
<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);//追加元素
var element=document.getElementById("div1");//找到已有元素
element.appendChild(para);//向已有元素中添加内容
</script>
</body>
</html>
<html>
<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);//追加元素
var element=document.getElementById("div1");//找到已有元素
element.appendChild(para);//向已有元素中添加内容
</script>
</body>
</html>