移除已存在的元素

 

要移除一个元素，你需要知道该元素的父元素。

 

实例

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

 

注意：早期的 Internet Explorer 浏览器不支持 node.remove() 方法。

 

实例解析

 

HTML 文档中 <div> 元素包含两个子节点 (两个 <p> 元素):

 

<div id="div1">

<p id="p1">这是一个段落。</p>

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

</div>

查找 id="div1" 的元素:

 

var parent = document.getElementById("div1");

查找 id="p1" 的 <p> 元素:

 

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

从父元素中移除子节点：

 

parent.removeChild(child);