文档章节

HTML 删除子节点操作

prolovecui
 prolovecui
发布于 2016/04/29 09:26
字数 150
阅读 85
收藏 0

前端学习中做一些总结还是很有必要的,今天对JS子节点删除操作做下小计。

JS清空所有子节点:

方法一:

function clearAllNode(parentNode){
   while (parentNode.firstChild) {
     var oldNode = parentNode.removeChild(parentNode.firstChild);
      oldNode = null;
    }
  }

方法二:

function clearAllNode2(parentNode){
    var obj = parentNode.childNodes;
    for(var i=obj.length-1; i>=0 ; i--) obj[i].removeNode(true);
  }

JS删除所有偶数子节点:

function clearAllevenNode(parentNode){
var obj = parentNode.childNodes;
for(var i=0; i<obj.length;i++) obj[i].removeNode(true); 
}

没错,删除偶数子节点的方法,来自方法二的错误尝试,错误出真知,哈哈。


© 著作权归作者所有

prolovecui
粉丝 3
博文 1
码字总数 150
作品 0
武汉
私信 提问
还记得那些年你修改过的 DOM 吗

还记得那些年你修改过的 DOM 吗 ⭐️ 更多前端技术和知识点,搜索订阅号 订阅 框架用多了,你还记得那些操作 DOM 的纯 JS 语法吗?看看这篇文章,来回顾一下~ 🤔 操作 className addClass...

JS菌
04/22
0
0
jsoup 修改节点的属性、内容

jsoup 解析 html 文档 (Document) 时,节点对应的类是 Element 。 我们可以调用 Element 的 attr 方法来修改属性值,同时可对属性进行增删改操作,删除属性的方法是 removeAttr。 同时对节点...

红薯
2010/08/04
2.6K
1
第75天:jQuery中DOM操作

一、基础操作 1.html() 使用html()方法读取或者设置元素的innerHTML。 就是相当于javascript里头的innerHTML。 2.text() 使用text()方法读取或者设置元素的innerText。 就是相当于javascrip...

半指温柔乐
2017/11/05
0
0
JavaScript和DOM

[toc] 一些补充(不知道放在哪里、、、): :指定节点的class :可以访问body节点 :检查是否被选中(true) :在document加载完成后调用 一、初识DOM 文档对象模型DOM(Document Object Model...

AsuraDong
2017/11/19
0
0
转载 | DOM系列:修改DOM

通过前面的学习,我们都知道,DOM并不一定要由存在于HTML中的元素组成。我们仅需要使用几行JavaScript代码就可以将HTML元素添加到你的DOM中。而且你也有能力移动周围的元素,甚至删除它们。除...

一个敲代码的前端妹子
2018/06/05
0
0

没有更多内容

加载失败,请刷新页面

加载更多

OpenStack 简介和几种安装方式总结

OpenStack :是一个由NASA和Rackspace合作研发并发起的,以Apache许可证授权的自由软件和开放源代码项目。项目目标是提供实施简单、可大规模扩展、丰富、标准统一的云计算管理平台。OpenSta...

小海bug
昨天
5
0
DDD(五)

1、引言 之前学习了解了DDD中实体这一概念,那么接下来需要了解的就是值对象、唯一标识。值对象,值就是数字1、2、3,字符串“1”,“2”,“3”,值时对象的特征,对象是一个事物的具体描述...

MrYuZixian
昨天
6
0
数据库中间件MyCat

什么是MyCat? 查看官网的介绍是这样说的 一个彻底开源的,面向企业应用开发的大数据库集群 支持事务、ACID、可以替代MySQL的加强版数据库 一个可以视为MySQL集群的企业级数据库,用来替代昂贵...

沉浮_
昨天
6
0
解决Mac下VSCode打开zsh乱码

1.乱码问题 iTerm2终端使用Zsh,并且配置Zsh主题,该主题主题需要安装字体来支持箭头效果,在iTerm2中设置这个字体,但是VSCode里这个箭头还是显示乱码。 iTerm2展示如下: VSCode展示如下: 2...

HelloDeveloper
昨天
7
0
常用物流快递单号查询接口种类及对接方法

目前快递查询接口有两种方式可以对接,一是和顺丰、圆通、中通、天天、韵达、德邦这些快递公司一一对接接口,二是和快递鸟这样第三方集成接口一次性对接多家常用快递。第一种耗费时间长,但是...

程序的小猿
昨天
9
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部