Javascript删除节点的全部内容
来源:互联网 发布:windows dns缓存时间 编辑:程序博客网 时间:2024/05/16 05:58
javascript删除节点的全部内容
最近做项目,需要实现一个基本的小功能,就是向一个DIV中插入一些html的内容(使用Ext 的template),因为每次向DIV中插入的内容可能会不一样所以需要再插入之前现将此DIV中的内容清空,于是开始的时候写了如下代码:
- var n = document.getElementById('divName').childNodes.length;
- for ( var i = 0; i < n; i++) {
- document.getElementById('divName').removeChild(
- document.getElementById('divName').childNodes[i]);
- }
很简单的思路,就是一个一个删除吧,可是运行时候就会发现问题,因为在使用removeChild的时候,DIV的child的数量已经减去1了,也就是说假如说有3个孩子,对应为childNodes[0],childNodes[1],childNodes[2]。当执行完第一次将childNodes[0]删除后,i变为1,但此时原来剩下的childNodes[1],childNodes[2]已经变成了childNodes[0],和childNodes[1]...以此类推,就会发现这种方式是不可取的,原因就在于DIV的孩子数会随删除而减少。所以改了一下做法,实现了这个简单的小功能。
- var n = document.getElementById('divName').childNodes.length;
- for ( var i = 0; i < n; i++) {
- document.getElementById('divName').removeChild(
- document.getElementById('divName').firstChild);
- }
摘自:http://prothiphoebe.iteye.com/blog/374135
- javascript删除节点的全部内容
- Javascript删除节点的全部内容
- Javascript删除节点的全部内容
- javascript删除节点的兼容问题。
- 自定义可删除全部内容的EditText
- JavaScript删除子节点的方法
- JavaScript删除所有子节点的方法
- javascript创建删除节点
- javascript 子节点删除
- JavaScript删除节点
- vim 删除日志全部内容
- vim删除全部内容
- JavaScript动态增加节点和删除节点
- javascript 删除元素所有子节点的的正确方法
- JavaScript DOM概述(获取节点的方法/节点的访问关系/节点创建添加删除复制/属性获取设置删除)
- Ajax -----javaScript增加,删除节点
- JavaScript动态删除节点、文本
- Javascript动态创建/删除节点
- oracle OMF
- 常用的C#正则表达式!
- SQLite基本操作加数据库分页查询
- *任意位置浮动固定层
- IRQ和中断号的区别
- Javascript删除节点的全部内容
- 【转】C语言插件机制(下)
- python switch的实现
- nutch1.2 排序
- RDLC Image控件加入图片的几种方式
- 使用Oracle的DBMS_SQL包执行动态SQL语句
- 【转】C语言插件机制(上)
- vb中对ListView的增删改查
- 将类成员函数用做C回调函数