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 相关文章推荐
为JavaScript添加重载函数的辅助方法
Jul 04 Javascript
jquery 文本上下无缝滚动,鼠标放上去就停止 小例子
Jun 05 Javascript
Javascript简单实现可拖动的div
Oct 22 Javascript
javascript中的this详解
Dec 08 Javascript
JavaScript实现select添加option
Jul 03 Javascript
jquery实现先淡出再折叠收起的动画效果
Aug 07 Javascript
JavaScript读二进制文件并用ajax传输二进制流的方法
Jul 18 Javascript
JS二叉树的简单实现方法示例
Apr 05 Javascript
react开发教程之React 组件之间的通信方式
Aug 12 Javascript
seajs中最常用的7个功能、配置示例
Oct 10 Javascript
JavaScript的数据类型转换原则(干货)
Mar 15 Javascript
浅谈在Vue.js中如何实现时间转换指令
Jan 06 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
require(),include(),require_once()和include_once()区别
2008/03/27 PHP
php下intval()和(int)转换使用与区别
2008/07/18 PHP
php 图片加水印与上传图片加水印php类
2010/05/12 PHP
php生成毫秒时间戳的实例讲解
2017/09/22 PHP
js查找父节点的简单方法
2008/06/28 Javascript
jQuery+CSS3实现3D立方体旋转效果
2015/11/10 Javascript
JavaScript进阶练习及简单实例分析
2016/06/03 Javascript
浅析Jquery操作select
2016/12/13 Javascript
JS使用正则实现去掉字符串左右空格的方法
2016/12/27 Javascript
jQuery插件FusionWidgets实现的Cylinder图效果示例【附demo源码】
2017/03/23 jQuery
Vue.js结合Ueditor富文本编辑器的实例代码
2017/07/11 Javascript
js获取文件里面的所有文件名(实例)
2017/10/17 Javascript
AngularJS 实现购物车全选反选功能
2017/10/24 Javascript
webpack 开发和生产并行设置的方法
2018/11/08 Javascript
React Hooks的深入理解与使用
2018/11/12 Javascript
解决ant-design-vue中menu菜单无法默认展开的问题
2020/10/31 Javascript
[08:06]DOTA2-DPC中国联赛 正赛 PSG.LGD vs Elephant 选手采访
2021/03/11 DOTA
Tensorflow卷积神经网络实例
2018/05/24 Python
将tensorflow的ckpt模型存储为npy的实例
2018/07/09 Python
python实现批量修改服务器密码的方法
2019/08/13 Python
Python爬虫运用正则表达式的方法和优缺点
2019/08/25 Python
Python生成器next方法和send方法区别详解
2020/05/30 Python
python 实现socket服务端并发的四种方式
2020/12/14 Python
皇家道尔顿官网:Royal Doulton
2017/12/06 全球购物
POP文化和音乐灵感的时尚:Hot Topic
2019/06/19 全球购物
新东网科技Java笔试题
2012/07/13 面试题
客服文员岗位职责
2013/11/29 职场文书
处级干部考察材料
2014/12/24 职场文书
水电工程师岗位职责
2015/02/13 职场文书
2015年材料员工作总结
2015/04/30 职场文书
2016年幼儿园庆六一开幕词
2016/03/04 职场文书
go语言-在mac下brew升级golang
2021/04/25 Golang
ztree+ajax实现文件树下载功能
2021/05/18 Javascript
Python破解极验滑动验证码详细步骤
2021/05/21 Python
详解Python中__new__方法的作用
2022/03/31 Python
公历12个月名称的由来
2022/04/12 杂记