22、删除DOM节点

最新推荐文章于 2024-04-17 08:48:05 发布

工一木子

最新推荐文章于 2024-04-17 08:48:05 发布

阅读量314

点赞数

分类专栏： JavaScript学习文章标签： html

本文链接：https://blog.csdn.net/Prince140678/article/details/120285422

版权

JavaScript学习专栏收录该内容

30 篇文章 0 订阅

订阅专栏

删除节点

删除节点的步骤：先获取父节点，再通过父节点删除自己

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body>
        <div id="father">
            <h1>标题1</h1>
            <p id="p1">p1</p>
            <p class="p2">p2</p>
        </div>
        <script>
            var self = document.getElementById("p1");
            var father = self.parentElement;
            father.removeChild(self);
            //删除是一个动态的过程
            father.removeChild(father.children[0])
            father.removeChild(father.children[1])
            father.removeChild(father.children[2])
        </script>
    </body>
</html>

注意：删除多个节点的时候，children是在时刻变化的，删除节点的时候一定要注意。
在这里插入图片描述

工一木子

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
22、删除DOM节点

删除节点删除节点的步骤：先获取父节点，再通过父节点删除自己<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="father"> <.
复制链接

扫一扫