JavaScript 添加或删除子节点、子元素

来源：爱问旅游网

增加子节点或子元素时，首先要创建该元素（元素节点），然后向已经存在的元素节点添加，示例如下：

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

删除子节点或元素时，与新增思路类似：

<div id="div1">
<p id="p1">这是一个段落。</p>
<p id="p2">这是另一个段落。</p>
</div>

<script>
var parent=document.getElementById("div1");//获取父节点元素
var child=document.getElementById("p1");//获取需要删除的节点元素
parent.removeChild(child);//通过父节点移除
</script>

因篇幅问题不能全部显示，请点此查看更多更全内容

查看全文