javascript removeChild 使用注意事项


Posted in Javascript onApril 11, 2009

假如:一段普通的代码:
其中gift_list为一个table的id

var giftBody = document.getElementById("gift_list").getElementsByTagName("tbody")[0]; 
var giftTrs = giftBody.getElementsByTagName("tr"); 
for (var i=0;i<giftTrs.length;i++) 
{ 
giftTrs[i].removeChild(giftTrs[i]); 
}

那么这时候只会删除第一行,因为当删除了一个之后,行的位置会向前移动一位。
giftTrs.length也会相应减一。
因此正确的操作方法是:
var giftBody = document.getElementById("gift_list").getElementsByTagName("tbody")[0]; 
var giftTrs = giftBody.getElementsByTagName("tr"); 
var len = giftTrs.length; //需要将giftTrs.length的length属性存储起来 
for (var i=0;i<len;i++) 
{ 
giftBody.removeChild(giftTrs[0]); 
}
Javascript 相关文章推荐
document.getElementById介绍
Sep 13 Javascript
jquery制作搜狐快站页面效果示例分享
Feb 21 Javascript
判断一个对象是否为jquery对象的方法
Mar 12 Javascript
javascript中offset、client、scroll的属性总结
Aug 13 Javascript
Angular ng-class详解及实例代码
Sep 19 Javascript
react实现pure render时bind(this)隐患需注意!
Mar 09 Javascript
基于js粘贴事件paste简单解析以及遇到的坑
Sep 07 Javascript
mpvue小程序仿qq左滑置顶删除组件
Aug 03 Javascript
vue+springboot实现项目的CORS跨域请求
Sep 05 Javascript
在vue使用clipboard.js进行一键复制文本的实现示例
Jan 15 Javascript
spring+angular实现导出excel的实现代码
Feb 27 Javascript
javascript单张多张图无缝滚动实例代码
May 10 Javascript
Firefox window.close()的使用注意事项
Apr 11 #Javascript
javascript html 静态页面传参数
Apr 10 #Javascript
js 判断浏览器类型 去全角、半角空格 自动关闭当前窗口
Apr 10 #Javascript
javascript 原型模式实现OOP的再研究
Apr 09 #Javascript
javascript 鼠标滚轮事件
Apr 09 #Javascript
File文件控件,选中文件(图片,flash,视频)即立即预览显示
Apr 09 #Javascript
用js实现的检测浏览器和系统的函数
Apr 09 #Javascript
You might like
codeigniter框架批量插入数据
2014/01/09 PHP
php在linux下检测mysql同步状态的方法
2015/01/15 PHP
php删除txt文件指定行及按行读取txt文档数据的方法
2017/01/30 PHP
laravel框架中表单请求类型和CSRF防护实例分析
2019/11/23 PHP
prototype 1.5 &amp; scriptaculous 1.6.1 学习笔记
2006/09/07 Javascript
读jQuery之五(取DOM元素)
2011/06/20 Javascript
浅谈javascript中的作用域
2012/04/07 Javascript
JS对select控件option选项的增删改查示例代码
2013/10/21 Javascript
jQuery操作CheckBox的方法介绍(选中,取消,取值)
2014/02/04 Javascript
javascript 实现 原路返回
2015/01/21 Javascript
nw.js实现类似微信的聊天软件
2015/03/16 Javascript
jquery.gridrotator实现响应式图片展示画廊效果
2015/06/23 Javascript
jquery实现页面常用的返回顶部效果
2016/03/04 Javascript
Bootstrap打造一个左侧折叠菜单的系统模板(二)
2016/05/17 Javascript
angular实现IM聊天图片发送实例
2017/05/08 Javascript
原生JS实现列表子元素顺序反转的方法分析
2018/07/02 Javascript
微信小程序动态生成二维码的实现代码
2018/07/25 Javascript
在vue和element-ui的table中实现分页复选功能
2019/12/04 Javascript
ES6 Iterator遍历器原理,应用场景及相关常用知识拓展详解
2020/02/15 Javascript
简单了解JavaScript作用域
2020/07/31 Javascript
js动态添加带圆圈序号列表的实例代码
2021/02/18 Javascript
跟老齐学Python之眼花缭乱的运算符
2014/09/14 Python
Python实现获取本地及远程图片大小的方法示例
2018/07/21 Python
Python设计模式之工厂方法模式实例详解
2019/01/18 Python
只需7行Python代码玩转微信自动聊天
2019/01/27 Python
python常用函数与用法示例
2019/07/02 Python
Spring Cloud Feign高级应用实例详解
2019/12/10 Python
基于Python第三方插件实现西游记章节标注汉语拼音的方法
2020/05/22 Python
Python爬虫入门教程02之笔趣阁小说爬取
2021/01/24 Python
美国大码时尚女装购物网站:ELOQUII
2017/12/28 全球购物
介绍一下JNDI的基本概念
2013/07/26 面试题
生产管理的三大手法
2013/11/11 职场文书
顶碗少年教学反思
2014/02/21 职场文书
《郑和远航》教学反思
2014/04/16 职场文书
2015年新教师工作总结
2015/04/28 职场文书
关于环保的宣传稿
2015/07/23 职场文书