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 25 Javascript
JavaScript 比较时间大小的代码
Apr 24 Javascript
JavaScript中常用的运算符小结
Jan 18 Javascript
重构Javascript代码示例(重构前后对比)
Jan 23 Javascript
jQuery之ajax删除详解
Feb 27 Javascript
javascript+html5实现绘制圆环的方法
Jul 28 Javascript
Bootstrap每天必学之模态框(Modal)插件
Apr 26 Javascript
详解Jquery EasyUI tree 的异步加载(遍历指定文件夹,根据文件夹内的文件生成tree)
Feb 11 Javascript
ECMAScript6 新特性范例大全
Mar 24 Javascript
Web前端框架Angular4.0.0 正式版发布
Mar 28 Javascript
小程序新版订阅消息模板消息
Dec 31 Javascript
Openlayers学习之地图比例尺控件
Sep 28 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
PHP如何通过AJAX方式实现登录功能
2015/11/23 PHP
php rmdir使用递归函数删除非空目录实例详解
2016/10/20 PHP
Javascript !!的作用
2008/12/04 Javascript
深入理解JavaScript中的传值与传引用
2013/12/09 Javascript
页面元素绑定jquery toggle后元素隐藏的解决方法
2014/03/27 Javascript
jQuery实现tag便签去重效果的方法
2015/01/20 Javascript
以WordPress为例讲解jQuery美化页面Title的方法
2016/05/23 Javascript
浅析jquery unbind()方法移除元素绑定的事件
2016/05/24 Javascript
jQuery 3 中的新增功能汇总介绍
2016/06/12 Javascript
Highcharts学习之数据列
2016/08/03 Javascript
关于Vue.js一些问题和思考学习笔记(2)
2016/12/02 Javascript
vue.js实现价格格式化的方法
2017/05/23 Javascript
JavaScript for循环 if判断语句(学习笔记)
2017/10/11 Javascript
fetch 使用及如何接收JS传值
2017/11/11 Javascript
vue scroller返回页面记住滚动位置的实例代码
2018/01/29 Javascript
cdn模式下vue的基本用法详解
2018/10/07 Javascript
基于vue.js实现分页查询功能
2018/12/29 Javascript
3分钟了解vue数据劫持的原理实现
2019/05/01 Javascript
使用 JavaScript 创建并下载文件(模拟点击)
2019/10/25 Javascript
VUEX采坑之路之获取不到$store的解决方法
2019/11/08 Javascript
ES6 Generator基本使用方法示例
2020/06/06 Javascript
Python 通过pip安装Django详细介绍
2017/04/28 Python
python中使用print输出中文的方法
2018/07/16 Python
利用python循环创建多个文件的方法
2018/10/25 Python
Python多线程处理实例详解【单进程/多进程】
2019/01/30 Python
Python操作Mongodb数据库的方法小结
2019/09/10 Python
video实现有声音自动播放的实现方法
2020/05/20 HTML / CSS
《在山的那边》教学反思
2014/02/23 职场文书
文明倡议书范文
2014/04/15 职场文书
测控技术自荐信
2014/06/05 职场文书
2015年学生会个人工作总结
2015/04/09 职场文书
战马观后感
2015/06/08 职场文书
二年级作文之动物作文
2019/11/13 职场文书
解决Golang中goroutine执行速度的问题
2021/05/02 Golang
微信小程序APP页面的之间的相互传递参数以及自定义组件
2022/04/19 Javascript
Windows server 2012 配置Telnet以及用法详解
2022/04/28 Servers