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

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

宋雪维2021-03-08 10:06:29原创

本文教程操作环境：windows7系统、jquery3.2.1版本，DELL G3电脑。

1、removeChild() 方法

从子节点列表中删除某个节点。如删除成功，此方法可返回被删除的节点，如失败，则返回 NULL。

2、删除节点步骤：

1）获取到li标签

2）执行父节点Ul标签

3）执行删除

3、使用语法

1	`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教程。

专题推荐：js 删除dom节点

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

相关文章推荐

相关课程推荐

Python机器学习(Mooc礼欣、嵩天教授)

Python云端系统开发入门教程Django(嵩天教授)

零基础学Python语言CAP(嵩天教授)

python语言设计(嵩天教授)

全部评论我要评论

Python学习网