6 JS 和 Jquery 删除标签元素

Jquery:$().remove()

jQuery remove() 方法删除被选元素及其子元素，即删除元素自身。

<body>
<div id="div1" style="height:100px;width:300px;border:1px solid black;background-color:yellow;">
This is some text in the div.
<p>This is a paragraph in the div.p>
<p>This is another paragraph in the div.p>
div>
<br>
<button>删除 div 元素button>
<script>
$(document).ready(function(){
  $("button").click(function(){
    $("#div1").remove();
  });
});
script>
body>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

jQuery empty() 方法删除被选元素的所有子元素。

<body>

<div id="div1" style="height:100px;width:300px;border:1px solid black;background-color:yellow;">
This is some text in the div.
<p>This is a paragraph in the div.p>
<p>This is another paragraph in the div.p>
div>

<br>
<button>清空 div 元素button>
<script>
$(document).ready(function(){
  $("button").click(function(){
    $("#div1").empty();
  });
});
script>
body>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

JS

三种情况：

删除元素自身

xxx.remove()
xxx.parentNode.removeChild(xxx)
1
2

删除子元素

父.removeChild(子)
1

删除父元素

 xxx.parentNode.parentNode.removeChild(xxx的父元素);
1

jQuery 删除元素 (w3school.com.cn)
js实现删除页面元素_兰兰的小窝的博客-CSDN博客_js删除元素

相关阅读:
Javaweb之javascript的详细解析
JavaEE-操作系统
模板、策略以及工厂模式
Moco框架基本介绍
[ Shell ] 通过 Shell 脚本导出 GDSII/OASIS 文件
Pycharm 安装配置 pyQt5 图文操作（全）
如何看待中小企业实现数字化转型难的问题？_光点科技
Android Studio插件开发 - Dora SDK的IDE插件
【LeetCode】每日一题：使二叉树所有路径值相等的最小代价
代码随想录笔记_哈希_1002查找共用字符

原文地址：https://blog.csdn.net/qq_38463737/article/details/126429057