JS-添加和删除HTML元素

1、创建新的HTML元素

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

2、删除已有的HTML元素

<!--首先要获得该元素的父元素-->
var parent=document.getElementById("div1");
var child=document.getElementById("p1");
parent.**removeChild**(child);

更好的方法是：

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