如需向 HTML DOM 添加新元素，您首先必须创建该元素（元素节点），然后把它追加到已有的元素上。 - 在线编辑器

HTML DOM 教程
HTML DOM - 修改
如需向 HTML DOM 添加新元素，您首先必须创建该元素（元素节点），然后把它追加到已有的元素上。

          <div id="div1">
  <p id="p1">这是一个段落。</p>
  <p id="p2">这是另一个段落。</p>
</div>
<script>
  var para = document.createElement("p");
  var node = document.createTextNode("这是一个新段落。");
  para.appendChild(node);
  var element = document.getElementById("div1");
  element.appendChild(para);
</script>
        