HTML DOM removeChild() 方法

元素对象参考手册 元素对象

从子节点列表中删除某个节点:

<ul id="myList">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ul>
<p id="demo">单击按钮移除列表的第一项</p>
<button onclick="myFunction()">点我</button>
<script>
  function myFunction() {
    var list = document.getElementById("myList");
    list.removeChild(list.childNodes[0]);
  }
</script>

尝试一下 »


定义和用法

removeChild() 方法可从子节点列表中删除某个节点。

如删除成功,此方法可返回被删除的节点,如失败,则返回 NULL。


浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

所有主要浏览器都支持 removeChild 方法


语法

node.removeChild(node)

参数

参数 类型 描述
node 节点对象 必须。 你要移除的节点对象。

返回值

类型 描述
节点对象 移除的节点

技术细节

DOM 版本 Core Level 1 Node Object

元素对象参考手册 元素对象