JS DOM删除元素

已于 2022-04-18 09:13:01 修改
阅读量6.1k 收藏 5
点赞数 1
分类专栏： JS 文章标签： javascript
于 2022-04-17 21:36:03 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_46275230/article/details/124237152
版权

JS DOM删除元素

文章目录

A.removeChild(B)

在元素A中移除元素B

<body>
  <div class="wrap">
    <p class="one">张三 </p>
  </div>
  <span>王五</span>

  <script>
    var oWrap = document.querySelector('.wrap');
    var oP = document.querySelector('.one');
    var oSpan= document.querySelector('span');

    oWrap.removeChild(oP) //能移除
    oWrap.removeChild(oSpan) //在oWrap标签外,不能移除
    
  </script>
</body>

请添加图片描述

"自杀式"移除元素

<body>
  <div class="wrap">
    <p class="one">张三 </p>
  </div>
  <span>王五</span>

  <script>
    var oWrap = document.querySelector('.wrap');
    var oP = document.querySelector('.one');
    var oSpan= document.querySelector('span');

    oSpan.remove()
    oP.remove()

  </script>
</body>

请添加图片描述

OGoodness
关注
  • 1
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js 实现 动态删除页面中的元素
03-30
js 实现 动态删除页面中的元素! 值得下载看看!资源免费,大家分享!!
JavaScript dom操作 删除元素 示例代码
最新发布
06-27
JavaScript dom操作 删除元素 示例代码JavaScript dom操作 删除元素 示例代码JavaScript dom操作 删除元素 示例代码JavaScript dom操作 删除元素 示例代码JavaScript dom操作 删除元素 示例代码JavaScript dom操作 ...
JavaScript--删除DOM
天行健 君子以自强不息，地势坤 君子以厚德载物。
07-15 1万+
1. 删除DOM 删除一个DOM节点就比插入要容易得多。插入DOM 要删除一个节点，首先要获得该节点本身以及它的父节点，然后，调用父节点的 removeChild 把自己删掉： <!-- HTML结构 --> <div id="list"> <p id="java">Java</p> <p id="python">Python</p> <p id="scheme">Scheme</p>
Javascript：删除一个DOM节点
听海边涛声
06-25 386
Javascript：删除一个DOM节点
js 添加、删除DOM元素
qq_36158551的博客
03-09 1659
该方法添加的元素位于父元素的末尾，使用方法：parentNode.appenChild(NewNode) // parentNode是需要添加元素的容器，NewNode是新添加的元素${${
JavaScript：js删除dom节点或div的2种常见方式，附例子和运行效果
m0_60607562的博客
04-17 1765
前端框架太多了，真的学不动了，别慌，其实对于前端的三大马车，Angular、React、Vue 只要把其中一种框架学明白，底层原理实现，其他两个学起来不会很吃力，这也取决于你以后就职的公司要求你会哪一个框架了，当然，会的越多越好，但是往往每个人的时间是有限的，对于自学的学生，或者即将面试找工作的人，当然要选择一门框架深挖原理。JS 内容涉及到的知识点较多，看到网上有很多人建议你从头到尾抱着那本《JavaScript高级程序设计》学，我是不建议的，毕竟刚接触 JS 谁能看得下去，当时我也不能，也没那样做。
JS——删除DOM元素的两种方法
mkijnbgt的博客
04-27 3034
【代码】JS删除DOM元素的两种方法。
JS添加或删除HTML dom元素的方法实例分析
10-17
JavaScript中操作DOM添加和删除元素的方法主要是`document.createElement()`、`appendChild()`、`insertBefore()`、`removeChild()`和`document.createTextNode()`。这些方法可以灵活使用，以实现复杂的页面动态交互...
Javascript删除指定元素节点的方法
10-22
在Web开发过程中，经常需要动态地对DOM（文档对象模型）进行操作，包括删除元素节点。本文将详细讨论如何使用JavaScript来删除指定的元素节点。 首先，了解DOM模型是操作DOM元素的基础。DOM是一种以树形结构表示...
javascript实现dom元素可拖动
10-22
HTML DOM 是 W3C 标准（是 HTML 文档对象模型的英文缩写，Document Object Model for HTML）。通过 DOM，可以访问所有的 HTML 元素，连同它们所包含的文本...可以对其中的内容进行修改和删除，同时也可以创建新的元素。
JS动态创建DOM元素的方法
10-24
本文将详细解释如何使用JavaScript动态创建DOM元素及其相关事件的绑定与删除方法。 首先，让我们来了解DOM是什么。DOM是HTML文档的一个树状结构表示，每个HTML元素都可以被看作是树上的一个节点。通过DOM，开发者...
js删除元素方法
weixin_34080951的博客
04-21 3764
delete删除方法 对象属性删除 function fun(){ this.name = 'mm'; } var obj = new fun(); console.log(obj.name);//mm delete obj.name; console.log(obj.name); //undefined 变量删除 ...
JS添加删除元素
热门推荐
海阔天空的专栏(web前端+LAMP)
08-13 4万+
JS添加删除元素<!-- function $(nodeId) { return document.getElementById(nodeId); } function $Name(tagName) { return document.getElementsByTagName(tagName
js中如何删除元素
weixin_45524582的博客
02-21 2649
最好给需要删除的div元素定义一个ID，以方便对其进行操作； 注意JS中是没有remove();方法的，在jquery中就可以直接使用 $("#divID").remove();移除该元素；这样非常方便、简单。 js中的话要通过获取该元素的父级元素，再调用removeChild(要删除的元素); ...
JavaScript删除DOM
weixin_56550293的博客
12-16 4918
删除一个DOM节点就比插入要容易很多 要删除一个节点秒首先要获取该节点本身以及它的父节点，然后，调用父节点的removeChild把自己删掉 //获取自身节点 var self=document.getElementById('id'); //获取自身节点的父节点 var parent=self.parentElement; //删除节点 parent.removeChild(self); 注意：删除后的节点虽然已经不在文档树中了，但其实它还在内存中，可以随时再次被添加到别的位置 当你遍..
JavaScript 删除Dom节点
weixin_47556601的博客
02-15 6855
大家好，今天我们来分享一下JavaScript 删除Dom节点 在JavaScript当中，删除节点的步骤： 先获取到父节点，再通过父节点来删除自己（子节点） 这里，提醒一下，自己不可以删除自己 看源码： ```bash <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head&gt
js实现删除页面元素
wind的博客
05-03 3万+
三种情况： 删除元素自身 - xxx.remove() - xxx.parentNode.removeChild(xxx) 删除子元素 - 父.removeChild(子) 删除父元素 - xxx.parentNode.parentNode.removeChild(xxx的父元素); <div class="fatherBox" style="border:1px solid red"> 我是父盒子 <div class="
JS 删除数组元素（ 5种方法 ）
大剑师兰特的GIS世界
04-23 4851
- `splice()` 适合删除任意位置的元素，且可以一次删除多个。 - `pop()` 和 `shift()` 分别用于删除末尾和头部的单个元素。 - 使用 `delete` 操作符会导致数组中出现 `undefined` 值，而非真正缩小数组大小。 - 调整 `length` 属性可快速截断数组，但请确保了解其对数组影响的特殊性。
JavaScript 删除数组元素的方法
u012764358的博客
02-21 601
本文介绍JavaScript 删除数组中的元素的六大方法，分为如下两大类。
"JavaScript操作DOM元素方法概述
综上所述，本文详细介绍了JS操作元素方法以及DOM元素属性和方法的相关知识，包括对DOM的概念、使用JavaScript对DOM进行操作的方法和属性，以及W3C DOM和JavaScript的区别。这些知识对于理解和使用DOM以及JavaScript...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值