js中使用removeChild()方法删除dom节点-Python学习网

js中使用removeChild()方法删除dom节点

宋雪维

2021-03-08 10:06:294485浏览 · 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教程。