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 相关文章推荐
通过JAVASCRIPT读取ASP设定的COOKIE
Nov 24 Javascript
javascript 哈希表(hashtable)的简单实现
Jan 20 Javascript
JavaScript面向对象知识串结(读JavaScript高级程序设计(第三版))
Jul 17 Javascript
jQuery基本过滤选择器使用介绍
Apr 18 Javascript
从零开始学习Node.js系列教程之基于connect和express框架的多页面实现数学运算示例
Apr 13 Javascript
template.js前端模板引擎使用详解
Oct 10 Javascript
js数组方法reduce经典用法代码分享
Jan 07 Javascript
关于vue面试题汇总
Mar 20 Javascript
详解Eslint 配置及规则说明
Sep 10 Javascript
Element input树型下拉框的实现代码
Dec 21 Javascript
微信二次分享报错invalid signature问题及解决方法
Apr 01 Javascript
Vue+Java 通过websocket实现服务器与客户端双向通信操作
Sep 22 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
文件上传的实现
2006/10/09 PHP
深入php之规范编程命名小结
2013/05/15 PHP
总结PHP如何获取当前主机、域名、网址、路径、端口和参数等
2016/09/09 PHP
使用PHP反射机制来构造&quot;CREATE TABLE&quot;的sql语句
2019/03/21 PHP
PHP使用递归按层级查找数据的方法
2019/11/10 PHP
jQueryUI如何自定义组件实现代码
2010/11/14 Javascript
TimergliderJS 一个基于jQuery的时间轴插件
2011/12/07 Javascript
JavaScript日期时间格式化函数分享
2014/05/05 Javascript
jquery背景跟随鼠标滑动导航
2015/11/20 Javascript
JS中页面与页面之间超链接跳转中文乱码问题的解决办法
2016/12/15 Javascript
微信小程序 详解Page中data数据操作和函数调用
2017/01/12 Javascript
jQuery插件echarts实现的多折线图效果示例【附demo源码下载】
2017/03/04 Javascript
超出JavaScript安全整数限制的数字计算BigInt详解
2018/06/24 Javascript
webpack4 SCSS提取和懒加载的示例
2018/09/03 Javascript
JS实现的贪吃蛇游戏完整实例
2019/01/18 Javascript
cordova+vue+webapp使用html5获取地理位置的方法
2019/07/06 Javascript
详解Vue 换肤方案验证
2019/08/28 Javascript
ES6中Promise的使用方法实例总结
2020/02/18 Javascript
Vue 中获取当前时间并实时刷新的实现代码
2020/05/12 Javascript
vue-router重写push方法,解决相同路径跳转报错问题
2020/08/07 Javascript
[02:15]2014DOTA2国际邀请赛 专访LGD.lin小兔子是大腿
2014/07/14 DOTA
Python使用struct处理二进制的实例详解
2017/09/11 Python
Python基于多线程实现抓取数据存入数据库的方法
2018/06/22 Python
Pytorch实现基于CharRNN的文本分类与生成示例
2020/01/08 Python
Python Dict找出value大于某值或key大于某值的所有项方式
2020/06/05 Python
幼儿园长自我鉴定
2013/10/17 职场文书
技术经理的自我评价范文
2013/12/03 职场文书
给老婆的婚前保证书
2014/02/01 职场文书
毕业生自荐信格式
2014/03/07 职场文书
幼师辞职信范文
2015/02/27 职场文书
2015年求职自荐信范文
2015/03/04 职场文书
2016学习雷锋精神活动倡议书
2015/04/27 职场文书
2015年工程部工作总结
2015/04/30 职场文书
舞出我人生观后感
2015/06/16 职场文书
中国古代史学名著《战国策》概述
2019/08/09 职场文书
那些美到让人窒息的诗句,值得你收藏!
2019/08/20 职场文书