您的当前位置:首页正文

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

2024-08-01 来源:骅佗教育

本文教程操作环境: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学习推荐:。