HTML DOM removeChild() 方法 | DOM 对象:HTML DOM 元素对象

返回到:DOM 对象:HTML DOM 元素对象

定义和用法

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

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

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

语法

node.removeChild(node)

参数

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

返回值

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

技术细节

DOM 版本Core Level 1 Node Object

实例

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

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Web176教程网(web176.com)</title>
</head>
<body>

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

</body>
</html>

作者:terry,如若转载,请注明出处:https://www.web176.com/javascriptbook/domtips/4521.html

(0)
打赏 支付宝 支付宝 微信 微信
terryterry
上一篇 2021年12月14日 上午11:07
下一篇 2021年12月14日 上午11:14

相关推荐

发表回复

登录后才能评论