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 对联广告、漂浮广告封装类(IE,FF,Opera,Safari,Chrome
Nov 26 Javascript
为指定元素增加样式的js代码
Dec 09 Javascript
js对象内部访问this修饰的成员函数示例
Apr 27 Javascript
js去除浏览器默认底图的方法
Jun 08 Javascript
javascript url几种编码方式详解
Jun 06 Javascript
jQuery EasyUI API 中文帮助文档和扩展实例
Aug 01 Javascript
jQuery查找dom的几种方法效率详解
May 17 jQuery
ExtJs整合Echarts的示例代码
Feb 27 Javascript
vue3.0中的双向数据绑定方法及优缺点
Aug 01 Javascript
JS实现前端路由功能示例【原生路由】
May 29 Javascript
node运行js获得输出的三种方式示例详解
Jul 02 Javascript
关于angular 8.1使用过程中的一些记录
Nov 25 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
虫族 Zerg 魔法科技
2020/03/14 星际争霸
如何使用PHP中的字符串函数
2006/11/24 PHP
PHP注释实例技巧
2008/10/03 PHP
php获取mysql字段名称和其它信息的例子
2014/04/14 PHP
PHP单态模式简单用法示例
2016/11/16 PHP
PHP中用Trait封装单例模式的实现
2019/12/18 PHP
跟随鼠标旋转的文字
2006/11/30 Javascript
javascript之水平横向滚动歌词同步的应用
2007/05/07 Javascript
Textbox控件注册回车事件及触发按钮提交事件具体实现
2013/03/04 Javascript
原生js和jquery中有关透明度设置的相关问题
2014/01/08 Javascript
jQuery实现向下滑出的二级菜单效果实例
2015/08/22 Javascript
JavaScript与ActionScript3两者的同性与差异性
2016/09/22 Javascript
jQuery实现切换隐藏与显示同时切换图标功能
2017/10/29 jQuery
vue.js的computed,filter,get,set的用法及区别详解
2018/03/08 Javascript
微信小程序实现简易table表格
2020/06/19 Javascript
使用微信SDK自定义分享的方法
2019/07/03 Javascript
解决vue-router 二级导航默认选中某一选项的问题
2019/11/01 Javascript
vue+elementui实现点击table中的单元格触发事件--弹框
2020/07/18 Javascript
[02:30]DOTA2英雄基础教程 暗影恶魔
2013/12/17 DOTA
[02:40]DOTA2英雄基础教程 炼金术士
2013/12/23 DOTA
Python利用FFT进行简单滤波的实现
2020/02/26 Python
python传到前端的数据,双引号被转义的问题
2020/04/03 Python
python爬虫实现POST request payload形式的请求
2020/04/30 Python
pyspark对Mysql数据库进行读写的实现
2020/12/30 Python
基于canvas使用贝塞尔曲线平滑拟合折线段的方法
2018/01/10 HTML / CSS
雅诗兰黛加拿大官网:Estee Lauder加拿大
2019/07/31 全球购物
照片礼物和装饰:MyPhoto
2019/11/02 全球购物
介绍一下grep命令的使用
2015/06/12 面试题
库房主管岗位职责
2013/12/31 职场文书
高三生物教学反思
2014/01/25 职场文书
医学专业自荐信
2014/06/14 职场文书
珍惜资源的建议书
2014/08/26 职场文书
政工例会汇报材料
2014/08/26 职场文书
2015年政教主任工作总结
2015/07/23 职场文书
2019关于垃圾分类处理的调查报告
2019/12/26 职场文书
Python用tkinter实现自定义记事本的方法详解
2022/03/31 Python