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 相关文章推荐
js实现运行代码需要刷新的解决方法
Aug 18 Javascript
JQuery动态给table添加、删除行 改进版
Jan 19 Javascript
查看图片(前进后退)功能实现js代码
Apr 24 Javascript
JS实现两个大数(整数)相乘
Apr 28 Javascript
JQuery右键菜单插件ContextMenu使用指南
Dec 19 Javascript
Bootstrap入门书籍之(四)菜单、按钮及导航
Feb 17 Javascript
JS基于正则截取替换特定字符之间字符串操作示例
Feb 03 Javascript
微信小程序 向左滑动删除功能的实现
Mar 10 Javascript
微信小程序 实现列表项滑动显示删除按钮的功能
Apr 13 Javascript
vue实现动态数据绑定
Apr 28 Javascript
AngularJS实现进度条功能示例
Jul 05 Javascript
解决vue组件中click事件失效的问题
Nov 09 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
异世界新番又来了,同样是从零开始,男主的年龄降到5岁
2020/04/09 日漫
PHP 截取字符串 分别适合GB2312和UTF8编码情况
2009/02/12 PHP
PHP中运用jQuery的Ajax跨域调用实现代码
2012/02/21 PHP
一组PHP可逆加密解密算法实例代码
2014/01/21 PHP
PHP 反射(Reflection)使用实例
2015/05/12 PHP
typecho插件编写教程(四):插件挂载
2015/05/28 PHP
PHP代码实现爬虫记录――超管用
2015/07/31 PHP
Yii框架中jquery表单验证插件用法示例
2016/10/18 PHP
PHP实现字符串的全排列详解
2019/04/24 PHP
PhpStorm 2020.3:新增开箱即用的PHP 8属性(推荐)
2020/10/30 PHP
js对象之JS入门之Array对象操作小结
2011/01/09 Javascript
jquery中dom操作和事件的实例学习-表单验证
2011/11/30 Javascript
使用javascript创建快捷方式的简单实例
2013/08/09 Javascript
深入分析JQuery和JavaScript的异同
2014/10/23 Javascript
原生JS实现隐藏显示图片 JS实现点击切换图片效果
2021/01/27 Javascript
JS开发中基本数据类型具体有哪几种
2017/10/19 Javascript
Vue中的无限加载vue-infinite-loading的方法
2018/04/08 Javascript
Vue多系统切换实现方案
2018/06/05 Javascript
了解javascript中变量及函数的提升
2019/05/27 Javascript
[02:39]DOTA2国际邀请赛助威团西雅图第一天
2013/08/08 DOTA
python 截取 取出一部分的字符串方法
2017/03/01 Python
Pandas标记删除重复记录的方法
2018/04/08 Python
pyqt5利用pyqtDesigner实现登录界面
2019/03/28 Python
利用Python实现kNN算法的代码
2019/08/16 Python
Jupyter notebook如何修改平台字体
2020/05/13 Python
Python Flask异步发送邮件实现方法解析
2020/08/01 Python
详解appium自动化测试工具(monitor、uiautomatorviewer)
2021/01/27 Python
C语言怎样定义和声明全局变量和函数最好
2013/11/26 面试题
SQL语言面试题
2013/08/27 面试题
如何在.net Winform里面显示PDF文档
2012/09/11 面试题
公司企业表扬信
2014/01/11 职场文书
《我不是最弱小的》教学反思
2014/02/23 职场文书
党员争先创优承诺书
2015/01/20 职场文书
求职信格式范文
2015/03/19 职场文书
合同范本之电脑出租
2019/08/13 职场文书
导游词之介休绵山
2019/12/31 职场文书