js 原生删除一个dom元素

最新推荐文章于 2024-06-25 20:43:11 发布
最新推荐文章于 2024-06-25 20:43:11 发布
阅读量2.5k 收藏
点赞数
分类专栏： 前端 文章标签： js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yunchong_zhao/article/details/113735512
版权

哎 jquery用惯了  可能突然用原生一下子可能想不起来了  这个时候是不是很尴尬哈  jquery 简单 直接在元素上 remove 就可以了

原生删除的方法是   

el1.removeChild(el2);    //  往往 el1  是 el2的父节点哈

好像没有自己删除自己的方法   如果一个元素想自己删除自己的话 

那就通过父节点来删除吧

比如 :  el.parentNode.removeChild(el);

关注我 持续更新前端知识  

 

 

yunchong_zhao
关注
专栏目录
DOM 删除节点
lsx202406的博客
07-27 264
在DOM中，文档的每一个部分都是一个节点。DOM树由不同类型的节点组成，包括元素节点、文本节点、属性节点等。例如，HTML文档中的每个标签都是一个元素节点，标签内的文本是文本节点。删除DOM节点是Web开发中的一个基本操作。通过使用remove或innerHTML方法，开发者可以轻松地从DOM树中移除不需要的元素。在实际应用中，选择哪种方法取决于具体的需求和浏览器的兼容性。
原生JS给DOM元素增加修改删除class
Missing
10-16 3160
上古时代常用的方法 document.getElementsByTagName('body')[0].className = 'snow-container'; //把所有class替换成指定class document.getElementsByClassName('test')[1].setAttribute("class",'newClass') //与上一个等价 document.ge...
JS实现DOM删除节点操作示例
11-29
本文实例讲述了JS实现DOM删除节点操作。分享给大家供大家参考，具体如下： 一 介绍 删除节点通过使用removeChild()方法来实现。 removeChild()方法用来删除一个子节点。 obj. removeChild(oldChild) oldChild：表示需要删除的节点。 二 应用 删除节点，本示例将通过DOM对象的removeChild()方法，动态删除页面中所选中的文本。 三 代码 <!DOCTYPE html> <html> <head> <title>www.jb51.net 删除节点</title> [removed] <!-
原生js创建并删除dom
左直拳的马桶_日用桶
08-07 2167
一言不合上代码，以canvas为例： id = "canvas1"; //创建一个canvas var canvas = document.createElement("canvas"); canvas.id = id; canvas.width = window.screen.availWidth; canvas.height= window.screen.availHeight; canvas.style.cssText = "position: absolute; left: 0px; top:
JS DOM删除元素
qq_46275230的博客
04-17 6115
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.qu
【JavaScript】原生js中DOM操作之元素创建、插入和移除
Owen的博客
01-09 1901
创建元素 <body> <input type="text" id="txt1"> <input type="button" id="btn1" value="创建"> <ul id="ul1"> </ul> <script> window.onload = function () { var oUl = document.getElementById(
js 删除多余的dom元素
IT博客技术分享
04-21 662
要在循环中才能删除干净！ var x=document.getElementsByClassName("xxx"); console.log("len:"+x.length); while (x.length > 0) { x[0].remove(); } console.log("len:"+x.length);
js原生DOM操作
zyy446688的博客
12-05 1088
js原生DOM操作
原生JavaScript来实现对dom元素class的操作方法(推荐)
10-19
3. `removeClass`函数：用于从指定的DOM元素中删除一个或多个类名。如果元素包含目标类名，那么使用正则表达式将该类名从class属性中移除。这个函数同样先使用`hasClass`来确定需要删除的类名是否存在。 4. `...
原生JS经典小项目-DOM练习
05-18
在本项目"原生JS经典小项目-DOM练习"中，我们将深入探讨JavaScript与DOM（文档对象模型）的交互，这是Web开发中的核心技能。DOM是HTML和XML文档的编程接口，它允许我们通过JavaScript来查找、修改和操作页面元素。在...
原生js实现查找/添加/删除/指定元素的class
10-27
原生JavaScript提供了对DOM元素的直接访问，让我们能够不依赖任何库如jQuery来实现这些功能。在本篇文章中，我们将探讨如何使用原生JavaScript实现查找、添加、删除以及指定元素的class。 1. **查找元素的class** ...
JS添加或删除HTML dom元素的方法实例分析
01-19
本文实例讲述了JS添加或删除HTML dom元素的方法。分享给大家供大家参考，具体如下： 创建新的 HTML 元素 如需向 HTML DOM 添加新元素，您必须首先创建该元素（元素节点），然后向一个已存在的元素追加该元素。 <div id=div1> <p id=p1>这是一个段落。</p> <p id=p2>这是另一个段落。</p> </div> [removed] var para=document.createElement(p); var node=document.createTextNode(这是一个新段落。); para.appendChild(node)
原生JS获取DOM元素节点的方法总结
traceur0529的博客
07-11 2391
前言（日常废话） 本篇文章记录了本人所知道的用原生JS来获取到DOM元素节点的几种办法，做个记录，加深记忆，方便以后复习。 正文 本文所做演示基于下面的HTML结构： 本文内容通过个人理解的分类进行归纳总结，大致的目录骨架如下： 目录 一、通过document顶层方法获取 1、document获取html，head，body标签 1.1、获取html标签 1.2、获取head标签 1.3、获取body标签 2、getElementBy系列获取 2.1、通过ID获取 2.2、通过类名获取 2.
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>
原生js清空上一个元素内容_原生javascript中的Dom操作中的增删改查
weixin_39570530的博客
12-21 435
查找已经站在一个节点上，找周围相邻的元素 遍历节点父子关系parentNodeparentElementchildNodeschildren都返回动态集合firstChildfirstElementChildlastChildlastElementChild兄弟关系previousSiblingpreviousElementSiblingnextSiblingnextElementSibling强...
Javascript：删除一个DOM节点
最新发布
听海边涛声
06-25 551
Javascript：删除一个DOM节点
JavaScript：js删除dom节点或div的2种常见方式，附例子和运行效果
m0_60607562的博客
04-17 1963
前端框架太多了，真的学不动了，别慌，其实对于前端的三大马车，Angular、React、Vue 只要把其中一种框架学明白，底层原理实现，其他两个学起来不会很吃力，这也取决于你以后就职的公司要求你会哪一个框架了，当然，会的越多越好，但是往往每个人的时间是有限的，对于自学的学生，或者即将面试找工作的人，当然要选择一门框架深挖原理。JS 内容涉及到的知识点较多，看到网上有很多人建议你从头到尾抱着那本《JavaScript高级程序设计》学，我是不建议的，毕竟刚接触 JS 谁能看得下去，当时我也不能，也没那样做。
JS删除DOM元素的两种方法
staywithc的专栏
01-09 1万+
一，var box=document.getElementById("box");box.parentNode.removeChild(box); 二，var box=document.getElementById("box");box.removeNode(true);
JS——删除DOM元素的两种方法
mkijnbgt的博客
04-27 3088
【代码】JS删除DOM元素的两种方法。
原生js 删除元素的子元素，知道类
06-20
这个方法是DOM元素节点对象的一个属性，用于移除指定子节点。下面是一个简单的示例： ```javascript // 假设我们有一个父元素 var parentElement = document.getElementById('parentElement'); // 获取要删除的子...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

yunchong_zhao

帮到你了，请作者喝杯矿泉水可好

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值