Web API 学习笔记 - 移除DOM树中的对象

已于 2022-07-02 15:21:04 修改
阅读量1k 收藏
点赞数
分类专栏： # Web API 文章标签： dom 控制台 开发人员 js
于 2016-10-27 11:31:56 首次发布
大家好，我是笨笨，笨笨的笨，笨笨的笨，转载请注明出处，谢谢！
本文链接：https://blog.csdn.net/jx520/article/details/52944313
版权

自己写屏蔽垃圾弹窗的功能时会用到。放只猴子，跑的也是爽爽的。

或者直接按 F2 启动开发人员工具。
找到右上角的 >_ 点击打开控制台。
在下方 Console 内就可以输入 js 并执行了。

//移除DOM树中的对象
function removeNodeById(nodeId)
{
	var my = document.getElementById(nodeId);
	if (my != null)
	my.parentNode.removeChild(my);
}
//移除ID为 top 的对象
removeNodeById("top")

参考资料

Web 开发技术》Web API 接口参考》Node》Node.removeChild

笑虾
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
Web安全学习笔记-Web-Sec Documentation
01-30
Web安全学习知识库 Web安全学习笔记 Web-Sec Documentation
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 DOM删除元素
qq_46275230的博客
04-17 6062
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
js 添加、删除DOM元素
最新发布
qq_36158551的博客
03-09 536
该方法添加的元素位于父元素的末尾，使用方法：parentNode.appenChild(NewNode) // parentNode是需要添加元素的容器，NewNode是新添加的元素${${
JS——删除DOM元素的两种方法
mkijnbgt的博客
04-27 2712
【代码】JS删除DOM元素的两种方法。
JavaScript 删除Dom节点
weixin_47556601的博客
02-15 6770
大家好，今天我们来分享一下JavaScript 删除Dom节点 在JavaScript当中，删除节点的步骤： 先获取到父节点，再通过父节点来删除自己（子节点） 这里，提醒一下，自己不可以删除自己 看源码： ```bash <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head&gt
【学习笔记】：DOM对象及事件绑定
01-08
文章目录一、DOM的概念二、DHTML与HTML DOM三、Document对象获取元素方法四、Element对象与属性相关方法五、对DOM对象的操作1、DOM对象的属性2、创建元素3、挂载元素4、删除元素5、克隆元素六、调整元素样式的方式七...
Web安全学习笔记-实战
04-27
Web安全学习笔记
Web安全学习笔记-lyle
04-27
Web安全学习笔记
jQuery学习笔记之DOM对象和jQuery对象
12-03
什么是DOM对象？ HTML是以树形结构来组织文档的，具体如下: 代码如下: <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”> <...
DOM节点的删除
leejj_520的博客
04-06 952
1. DOM节点删除之empty()的基本用法 要移除页面上节点是开发者常见的操作，jQuery提供了几种不同的方法用来处理这个问题，这里我们来仔细了解下empty方法。 empty 顾名思义，清空方法，但是与删除又有点不一样，因为它只移除了 指定元素中的所有子节点。 这个方法不仅移除子元素（和其他后代元素），同样移除元素里的文本。因为，根据说明，元素里任何文本字符串都被看做是该元素的子节点
JS：操作DOM元素（增、删、改、查）
weixin_48475463的博客
02-03 2601
一、增 1. 创建一个节点 createElement、createTextNode <body> <div> <p> <span>李沁，我喜欢你！</span> </p> </div> <script> var div = document.querySelector('div'); var
原生js：操作DOM怎样添加、移除、移动、复制、创建和查找节点
hfdxmz_3的博客
06-04 878
（1）创建新节点 createDocumentFragment()//创建一个DOM片段 createElement()//创建一个具体的元素 createTextNode()//创建一个文本节点 （2）添加、移除、替换、插入、克隆 appendChild() removeChild() replaceChild() insertBefore() cloneNode() （3）查找 getElementsByTagName()//通过标签名称 getElem...
js：对dom元素class属性进行读取、更新、移除操作
彭世瑜的博客
09-07 1481
综上，一共有三种方式对dom元素class属性进行读取、更新、移除操作。DOMTokenList对象。
【DOM】DOM操作之如何添加、删除、替换元素_04
青春木鱼的博客
05-19 6560
本文将详细介绍如何使用DOM操作添加、删除、替换元素。我们使用document.createElement("标签名")来创建元素，使用父元素.removeChild(子元素)来删除子元素。另外，用createElement创建的新元素对象，暂时是游离在内存中，并没有被加入到DOM树。而浏览器显示哪些元素，完全依照DOM树的内容来生成。所以，新元素不会被浏览器加载到页面上，用户暂时是看不到的！因此，今后只要创建新元素，最后一步都是将新元素添加到DOM树上指定的父元素下。
JavaScript删除DOM
weixin_56550293的博客
12-16 4708
删除一个DOM节点就比插入要容易很多 要删除一个节点秒首先要获取该节点本身以及它的父节点，然后，调用父节点的removeChild把自己删掉 //获取自身节点 var self=document.getElementById('id'); //获取自身节点的父节点 var parent=self.parentElement; //删除节点 parent.removeChild(self); 注意：删除后的节点虽然已经不在文档树中了，但其实它还在内存中，可以随时再次被添加到别的位置 当你遍..
jQuery学习笔记之移除DOM对象
不务正业的野猴子
07-15 871
.empty() 从DOM对象中移除匹配元素集合的所有子节点，这个方法不接受任何类型的参数。 这个方法不仅移除子元素和后代元素，也移除匹配元素集合中的任意文本内容。这是因为在DOM对象中，元素内部的任意文本字符串被认为是这个元素的子节点。 为避免内存泄漏，jQuery在移除元素本身之前会先移除该元素上的数据和事件处理 如果你想在移除元素的同时不销毁它的数据或事件处理，可以使用.detach...
带你彻底学会JS DOM技术之删除，复制，替换元素
大河之犬的博客
10-06 1925
参数obj表示被复制的元素，而参数bool是一个布尔值，取值如下。A表示父元素，new表示新子元素，old表示旧子元素。A表示父元素，B表示父元素内部的某个子元素。在JavaScript中，我们可以使用。在JavaScript中，我们可以使用。在JavaScript中，我们可以使用。//根据2个文本框的值来创建一个新节点。方法来删除父元素下的某个子元素。//获取body中的第1个元素。案例：删除最后一个子元素。//删除最后一个子元素。
document.getElementById()方法使用
热门推荐
酣睡的熊㊣的技术博客
02-07 36万+
document.getElementById使用 语法：oElement = document .getElementById ( sID ) 参数：sID――必选项。字符串 (String) 。 返回值：oElemen――对象 (Element) 。 说明：根据指定的 id 属性值得到对象。返回 id 属性值等于 sID 的第一个对象的引用。假如对应的为一组对象，则返回该组对象中的第一
vtk学习笔记 --- 显示坐标系
05-20
在vtk中显示坐标系可以通过添加vtkAxesActor对象实现。vtkAxesActor可以显示三个坐标轴，以及它们的标签和箭头。 下面是一个简单的示例代码，用于在vtk中显示坐标系： ```python import vtk # 创建一个vtk...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

笑虾

多情黯叹痴情癫。情癫苦笑多情难

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

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

打赏作者

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

抵扣说明：

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

余额充值