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过滤HTML标签以及空格的思路及代码
May 24 Javascript
用JS实现3D球状标签云示例代码
Dec 01 Javascript
Javascript从数组中随机取出不同元素的两种方法
Sep 22 Javascript
JS中位置与大小的获取方法
Nov 22 Javascript
超全面的javascript中变量命名规则
Feb 09 Javascript
JavaScript+Html5实现按钮复制文字到剪切板功能(手机网页兼容)
Mar 30 Javascript
xmlplus组件设计系列之文本框(TextBox)(3)
May 03 Javascript
BootStrap中Table隐藏后显示问题的实现代码
Aug 31 Javascript
p5.js入门教程之图片加载
Mar 20 Javascript
Element-UI Table组件上添加列拖拽效果实现方法
Apr 14 Javascript
详解从Vue-router到html5的pushState
Jul 21 Javascript
JS使用iView的Dropdown实现一个右键菜单
May 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
改进的IP计数器
2006/10/09 PHP
一步一步学习PHP(4) php 函数 补充2
2010/02/15 PHP
编写PHP脚本过滤用户上传的图片
2015/07/03 PHP
PHP编程快速实现数组去重的方法详解
2017/07/22 PHP
tp5(thinkPHP5)操作mongoDB数据库的方法
2018/01/20 PHP
PHP defined()函数的使用图文详解
2019/07/20 PHP
小议javascript 设计模式 推荐
2009/10/28 Javascript
如何将一个String和多个String值进行比较思路分析
2013/04/22 Javascript
Js 去掉字符串中的空格(实现代码)
2013/11/19 Javascript
Node.js安装教程和NPM包管理器使用详解
2014/08/16 Javascript
深入理解javascript原型链和继承
2014/09/23 Javascript
JavaScript设置获取和设置属性的方法
2015/03/04 Javascript
原生js模拟淘宝购物车项目实战
2015/11/18 Javascript
JavaScript判断用户名和密码不能为空的实现代码
2016/05/16 Javascript
vue实现添加标签demo示例代码
2017/01/21 Javascript
javascript中replace使用方法总结
2017/03/01 Javascript
解决vue.js 数据渲染成功仍报错的问题
2018/08/25 Javascript
js操作table中tr的顺序实现上移下移一行的效果
2018/11/22 Javascript
详解Vue2 添加对scss的支持
2019/01/02 Javascript
详解基于Wepy开发小程序插件(推荐)
2019/08/01 Javascript
jQuery实现点击滚动到指定元素上的方法分析
2020/03/19 jQuery
jquery html添加元素/删除元素操作实例详解
2020/05/20 jQuery
Vue 样式切换及三元判断样式关联操作
2020/08/09 Javascript
python发送邮件实例分享
2017/07/28 Python
Python实现霍夫圆和椭圆变换代码详解
2018/01/12 Python
Python 3.6 读取并操作文件内容的实例
2018/04/23 Python
pygame游戏之旅 添加碰撞效果的方法
2018/11/20 Python
pygame实现俄罗斯方块游戏(基础篇3)
2019/10/29 Python
html5 div布局与table布局详解
2016/11/16 HTML / CSS
移动端开发HTML5页面点击按钮后出现闪烁或黑色背景的解决办法
2018/09/19 HTML / CSS
亚洲领先的设计购物网站:Pinkoi
2020/11/26 全球购物
股份合作协议书
2014/04/12 职场文书
2014教师“四风问题”对照检查材料思想汇报
2014/09/16 职场文书
Nginx下配置Https证书详细过程
2021/04/01 Servers
django注册用邮箱发送验证码的实现
2021/04/18 Python
vue使用节流函数的踩坑实例指南
2021/05/20 Vue.js