删除DOM节点

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

全栈小李

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

阅读量765

点赞数 2

分类专栏： Js 文章标签： dom 链表

本文链接：https://blog.csdn.net/qq_45162683/article/details/114386360

版权

Js 专栏收录该内容

30 篇文章 0 订阅

订阅专栏

删除节点

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

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div id="app">
<h1>p1</h1>
<p id="p1">p2</p>
<p class="p2">p3</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 是在时刻变化的，删除节点的时候一定要注意！

优惠劵

全栈小李

关注关注

2
点赞
踩
2

收藏

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

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

扫一扫