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 ui dialog ie8出现滚动条的解决方法
Dec 06 Javascript
javascript重写alert方法的实例代码
Mar 29 Javascript
jQuery焦点图切换特效插件封装实例
Aug 18 Javascript
js控制table合并具体实现
Feb 20 Javascript
JS实现自动变化的导航菜单效果代码
Sep 09 Javascript
javascript之Array 数组对象详解
Jun 07 Javascript
JS控制HTML元素的显示和隐藏的两种方法
Sep 27 Javascript
js自制图片放大镜功能
Jan 24 Javascript
jQuery 判断元素整理汇总
Feb 28 Javascript
使用bootstrap-paginator.js 分页来进行ajax 异步分页请求示例
Mar 09 Javascript
简单实现jQuery手风琴效果
Aug 18 jQuery
Vue+Element UI+Lumen实现通用表格分页功能
Feb 02 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
Discuz 5.0 中读取纯真IP数据库函数分析
2007/03/16 PHP
snoopy 强大的PHP采集类使用实例代码
2010/12/09 PHP
JSON在PHP中的应用介绍
2012/09/08 PHP
PHP树的深度编历生成迷宫及A*自动寻路算法实例分析
2015/03/10 PHP
PHP使用缓存即时输出内容(output buffering)的方法
2015/08/03 PHP
PHP代码覆盖率统计详解
2020/07/22 PHP
某人初学javascript的时候写的学习笔记
2010/12/30 Javascript
仿当当网淘宝网等主流电子商务网站商品分类导航菜单
2013/09/25 Javascript
javascript HTML5文件上传FileReader API
2020/03/27 Javascript
Bootstrap开发实战之响应式轮播图
2016/06/02 Javascript
js仿百度切换皮肤功能(html+css)
2016/07/10 Javascript
jQuery检查元素存在性(推荐)
2016/09/17 Javascript
Vue.js使用v-show和v-if的注意事项
2016/12/13 Javascript
Angular路由简单学习
2016/12/26 Javascript
nodejs6下使用koa2框架实例
2017/05/18 NodeJs
基于require.js的使用(实例讲解)
2017/09/07 Javascript
JS验证输入的是否是数字及保留几位小数问题
2018/05/09 Javascript
Python的Flask框架中@app.route的用法教程
2015/03/31 Python
Python读取一个目录下所有目录和文件的方法
2016/07/15 Python
详解Python最长公共子串和最长公共子序列的实现
2018/07/07 Python
python如何以表格形式打印输出的方法示例
2019/06/21 Python
django rest framework vue 实现用户登录详解
2019/07/29 Python
python判断变量是否为int、字符串、列表、元组、字典的方法详解
2020/02/13 Python
Python库skimage绘制二值图像代码实例
2020/04/10 Python
实例讲解CSS3中的border-radius属性
2015/08/18 HTML / CSS
院药学专业个人求职信
2013/09/21 职场文书
《尊严》教学反思
2014/02/11 职场文书
法人授权委托书
2014/04/03 职场文书
《记金华的双龙洞》教学反思
2014/04/19 职场文书
文艺演出策划方案
2014/06/07 职场文书
安全月宣传标语
2014/10/07 职场文书
楚门的世界观后感
2015/06/03 职场文书
我的法兰西岁月观后感
2015/06/09 职场文书
Go语言设计模式之结构型模式
2021/06/22 Golang
win10重装系统后上不了网怎么办 win10重装系统网络故障的解决办法
2022/07/23 数码科技
win11电脑关机鼠标灯还亮怎么解决? win11关机后鼠标灯还亮解决方法
2023/01/09 数码科技