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 相关文章推荐
jQuery版仿Path菜单效果
Dec 15 Javascript
jquery中animate动画积累的解决方法
Oct 05 Javascript
iframe父页面获取子页面参数的方法
Feb 21 Javascript
Javascript中的高阶函数介绍
Mar 15 Javascript
全面解析DOM操作和jQuery实现选项移动操作代码分享
Jun 07 Javascript
用原生js统计文本行数的简单示例
Aug 19 Javascript
JS 插件dropload下拉刷新、上拉加载使用小结
Apr 13 Javascript
angularjs实现过滤并替换关键字小功能
Sep 19 Javascript
vue init失败简单解决方法(终极版)
Dec 22 Javascript
react native 获取地理位置的方法示例
Aug 28 Javascript
Vue2.0 实现页面缓存和不缓存的方式
Nov 12 Javascript
JS PHP字符串截取函数实现原理解析
Aug 29 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
改造一台复古桌面收音机
2021/03/02 无线电
基于OpenCV的PHP图像人脸识别技术
2009/10/11 PHP
php 生成文字png图片的代码
2011/04/17 PHP
PHP类的静态(static)方法和静态(static)变量使用介绍
2012/02/19 PHP
PHP--用万网的接口实现域名查询功能
2012/12/13 PHP
基于PHP CURL获取邮箱地址的详解
2013/06/03 PHP
thinkphp实现数组分页示例
2014/04/13 PHP
微信公众平台天气预报功能开发
2014/07/06 PHP
javascript:以前写的xmlhttp池,代码
2008/05/18 Javascript
javascript 文章截取部分无损html显示实现代码
2010/05/04 Javascript
javascript面向对象之二 命名空间
2011/02/08 Javascript
拖动table标题实现改变td的大小(css+js代码)
2013/04/16 Javascript
JavaScript自定义方法实现trim()、Ltrim()、Rtrim()的功能
2013/11/03 Javascript
使用npm发布Node.JS程序包教程
2015/03/02 Javascript
简介JavaScript中用于处理正切的Math.tan()方法
2015/06/15 Javascript
js操作table元素实现表格行列新增、删除技巧总结
2015/11/18 Javascript
javascript中apply、call和bind的使用区别
2016/04/05 Javascript
jQuery 跨域访问解决原理案例详解
2016/07/09 Javascript
JS判断输入字符串长度实例代码(汉字算两个字符,字母数字算一个)
2016/08/02 Javascript
vue-cli单页应用改成多页应用配置详解
2017/07/14 Javascript
vue+vuecli+webpack中使用mockjs模拟后端数据的示例
2017/10/24 Javascript
大转盘抽奖小程序版 转盘抽奖网页版
2020/04/16 Javascript
vant 自定义 van-dropdown-item的用法
2020/08/05 Javascript
Python内置数据类型详解
2014/08/18 Python
利用Python实现原创工具的Logo与Help
2018/12/03 Python
python实现批量注册网站用户的示例
2019/02/22 Python
Python中正则表达式的用法总结
2019/02/22 Python
详解python的argpare和click模块小结
2019/03/31 Python
Python 常用模块 re 使用方法详解
2019/06/06 Python
如何使用Python发送HTML格式的邮件
2020/02/11 Python
PyQt5 文本输入框自动补全QLineEdit的实现示例
2020/05/13 Python
幼儿园门卫岗位职责
2014/02/14 职场文书
大学应届生的自我评价
2014/03/06 职场文书
个人求职信范文
2014/05/24 职场文书
基层党组织建设整改方案
2014/09/16 职场文书
生产现场禁烟通知
2015/04/23 职场文书