关于childNodes的删除

在使用childNodes时，发现需要删除的元素多于1时，会出现无法全部删除的情况。谷歌以后发现，该属性返回的子节点集合是实时更新的，也就是说，在for循环中，当删除第一个子节点之后，第二次删除的是原子节点集合中的第三个元素。故需要删除全部子节点时，使用

while(node.childNodes.length>0){node.removeChild(node.childNodes[0]);
}

在MDN中查了一下，childNodes返回的是NodeList对象，该NodeList对象是实时更新的（有些NodeList对象不是实时更新的），所以才会引起上述现象。

转载于:https://www.cnblogs.com/breezyNone/p/10418735.html

关于childNodes的删除相关推荐

js foreach childNodes删除text结点
----by 19201314 关于childNodes 删除其中的text结点 <!DOCTYPE html> <html lang="en"> < ...
如何做到尽可能不使用庞大的jQuery
jQuery 是现在最流行的 JavaScript 工具库. 据统计,目前全世界 57.3% 的网站使用它.也就是说,10 个网站里面,有 6 个使用 jQuery.如果只考察使用工具库的网站,这个比 ...
javascript DOM对象
文档对象模型DOM(Document Object Model)定义访问和处理HTML文档的标准方法.DOM 将HTML文档呈现为带有元素.属性和文本的树结构(节点树). 先来看看下面代码: 将HTM ...
JS操作DOM元素属性和方法
Dom元素基本操作方法API,先记录下,方便以后使用. W3C DOM和JavaScript很容易混淆不清.DOM是面向HTML和XML文档的API,为文档提供了结构化表示,并定义了如何通过脚本来访问 ...
javaScript DOM编程常用的方法与属性
DOM是Document Object Model文档对象模型的缩写.根据W3C DOM规范,DOM是一种与浏览器,平台,语言无关的接口,使得你可以访问页面其他的标准组件. Node接口的特性和方法 ...
读zepto核心源码学习JS笔记(3)--zepto.init()
上篇已经讲解了zepto.init()的几种情况,这篇就继续记录这几种情况下的具体分析. 1. 首先是第一种情况,selector为空既然是反向分析,那我们先看看这句话的代码; if (!selec ...
[转载]如何做到 jQuery-free？
http://www.ruanyifeng.com/blog/2013/05/jquery-free.html jQuery是现在最流行的JavaScript工具库. 据统计,目前全世界57.3%的网 ...
如何做到 jQuery-free？
jQuery是现在最流行的JavaScript工具库. 据统计,目前全世界57.3%的网站使用它.也就是说,10个网站里面,有6个使用jQuery.如果只考察使用工具库的网站,这个比例就会上升到惊人的 ...
Javascript事件驱动编程
Javascript事件驱动编程基本概述 JS是采用事件驱动的机制来响应用户操作的,也就是说当用户对某个html元素进行操作的时候,会产生一个时间,该时间会驱动某些函数来处理. PS:这种方式和Ja ...

关于childNodes的删除

关于childNodes的删除相关推荐

最新文章

热门文章