学习HTML DOM笔记

删除已有的 HTML 元素

如需删除 HTML 元素，您必须清楚该元素的父元素：

实例

<divid="div1">    <pid="p1">这是一个段落。</p>    <pid="p2">这是另一个段落。</p></div><script>var parent=document.getElementById("div1"); var child=document.getElementById("p1"); parent.removeChild(child);</script>

实例解析

这个 HTML 文档包含一个带有两个子节点（两个 <p> 元素）的 <div> 元素：

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