js中使用removeChild()方法删除dom节点
宋雪维
2021-03-08 10:06:294130浏览 · 0收藏 · 0评论
本文教程操作环境：windows7系统、jquery3.2.1版本，DELL G3电脑。
1、removeChild() 方法
从子节点列表中删除某个节点。如删除成功，此方法可返回被删除的节点，如失败，则返回 NULL。
2、删除节点步骤：
1）获取到li标签
2）执行父节点Ul标签
3）执行删除
3、使用语法
nodeObject.removeChild(node)
4、使用参数
node （必需）：指定需要删除的节点。
5、js中使用removeChild()方法删除dom节点实例
<body>
<div id="main">
<p id="p1">我是第一行</p>
<p id="p2">我是第二行</p>
<p id="p3">我是第三行</p>
</div>
<script>
window.onload = function () {
var parent = document.getElementById("main");
var child = document.getElementById("p3");
parent.removeChild(child);
}
</script>
</body>以上就是js中使用removeChild()方法删除dom节点的原理及具体实例，希望能帮助你理解操作dom节点哦·更多JavaScript学习推荐：JavaScript教程。
关注公众号，随时随地在线学习
分享到微博
微信扫一扫
流芳
7999
