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 相关文章推荐
二级域名转向类
Nov 09 Javascript
js程序中美元符号$是什么
Jun 05 Javascript
利用js的Node遍历找到repeater的一个字段实例介绍
Apr 25 Javascript
同域jQuery(跨)iframe操作DOM(示例代码)
Dec 13 Javascript
jQuery on()方法使用技巧详解
Apr 16 Javascript
在JavaScript中使用对数Math.log()方法的教程
Jun 15 Javascript
编写高质量JavaScript代码的基本要点
Mar 02 Javascript
JS获取随机数和时间转换的简单实例
Jul 10 Javascript
jQuery增加、删除及修改select option的方法
Aug 19 Javascript
Vue2.0 多 Tab切换组件的封装实例
Jul 28 Javascript
vue做移动端适配最佳解决方案(亲测有效)
Sep 04 Javascript
浅谈layui数据表格判断问题(加入表单元素),设置单元格样式
Oct 26 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自带的进位制之间的转换函数
2013/06/08 PHP
关于PHPDocument 代码注释规范的总结
2013/06/25 PHP
使用PHP备份MYSQL数据的多种方法
2014/01/15 PHP
php绘制一个矩形的方法
2015/01/24 PHP
php开发时容易忘记的一些技术细节
2016/02/03 PHP
菜单效果
2006/10/14 Javascript
kmock javascript 单元测试代码
2011/02/06 Javascript
仿淘宝TAB切换搜索框搜索切换的相关内容
2014/09/21 Javascript
AngularJS中的模块详解
2015/01/29 Javascript
js+HTML5基于过滤器从摄像头中捕获视频的方法
2015/06/16 Javascript
JavaScript数组去重的五种方法
2015/11/05 Javascript
JavaScript如何获取数组最大值和最小值
2015/11/18 Javascript
JS实现table表格数据排序功能(可支持动态数据+分页效果)
2016/05/26 Javascript
详解jQuery插件开发方式
2016/11/22 Javascript
JS编写函数实现对身份证号码最后一位的验证功能
2016/12/29 Javascript
详解react-router4 异步加载路由两种方法
2017/09/12 Javascript
JS简单实现父子窗口传值功能示例【未使用iframe框架】
2017/09/20 Javascript
React中使用async validator进行表单验证的实例代码
2018/08/17 Javascript
Vue动画事件详解及过渡动画实例
2019/02/09 Javascript
JavaScript高阶教程之“==”隐藏下的类型转换
2019/04/11 Javascript
Vue.js路由实现选项卡简单实例
2019/07/24 Javascript
layui给下拉框、按钮状态、时间赋初始值的方法
2019/09/10 Javascript
在Python的gevent框架下执行异步的Solr查询的教程
2015/04/16 Python
Python实现按学生年龄排序的实际问题详解
2017/08/29 Python
Python+matplotlib实现华丽的文本框演示代码
2018/01/22 Python
flask框架视图函数用法示例
2018/07/19 Python
对pandas中两种数据类型Series和DataFrame的区别详解
2018/11/12 Python
python实现加密的方式总结
2020/01/19 Python
python中如何使用虚拟环境
2020/10/14 Python
Python存储读取HDF5文件代码解析
2020/11/25 Python
Python基于mediainfo批量重命名图片文件
2020/12/29 Python
几道PHP面试题
2013/04/14 面试题
电子商务系毕业生自荐信
2014/05/29 职场文书
公司副总经理岗位职责
2015/04/08 职场文书
培根随笔读书笔记
2015/07/01 职场文书
vue如何使用模拟的json数据查看效果
2022/03/31 Vue.js