js使用removeChild方法动态删除div元素


Posted in Javascript onAugust 01, 2014

在做用户查找时 因为要把查找的结果动态加载和显示,所以,那些html元素要由Ajax动态生成。用户打开查找界面时,有系统推荐的用户,而当用户按条件查找后,查找的结果动态加载和显示。所以考虑到用js来搞。 这个for循环就是移除已有的表单。然后根据Ajax请求过来的数据,动态生成新的表单对象。一定要注意j变量从大往小循环,否则,删除div元素后会引起serchResultLenth=serchResult.children.length;长度的变化(这个问题摸索了好久,才搞定,切记)

for(var j=serchResultLenth-1;j>=0;j--){ 
var serchChild=document.getElementById(serchResult.children[j].id); 
serchResult.removeChild(serchChild); 
}
Javascript 相关文章推荐
jQuery 表单验证扩展(四)
Oct 20 Javascript
js对数字的格式化使用说明
Jan 12 Javascript
jQuery之选择组件的深入解析
Jun 19 Javascript
javascript截取字符串(通过substring实现并支持中英文混合)
Jun 24 Javascript
jquery 插件实现瀑布流图片展示实例
Apr 03 Javascript
使用jquery.form.js实现图片上传的方法
May 05 Javascript
获取JS中网页各种高宽与位置的方法总结
Jul 27 Javascript
AngularJS 所有版本下载地址
Sep 14 Javascript
jQuery使用ajax_动力节点Java学院整理
Jul 05 jQuery
bootstrap datetimepicker控件位置异常的解决方法
Nov 23 Javascript
Vue路由钩子之afterEach beforeEach的区别详解
Jul 15 Javascript
详解如何写出一个利于扩展的vue路由配置
May 16 Javascript
js使用html()或text()方法获取设置p标签的显示的值
Aug 01 #Javascript
js中的getAttribute方法使用示例
Aug 01 #Javascript
jquery append()方法与html()方法的区别及使用介绍
Aug 01 #Javascript
JS中产生20位随机数以0-9为例也可以是a-z A-Z
Aug 01 #Javascript
js控制再次点击按钮之间的间隔时间可防止重复提交
Aug 01 #Javascript
批量修改标签css样式以input标签为例
Jul 31 #Javascript
JQuery中serialize()、serializeArray()和param()方法示例介绍
Jul 31 #Javascript
You might like
简单的php写入数据库类代码分享
2011/07/26 PHP
PHP实现的连贯操作、链式操作实例
2014/07/08 PHP
ThinkPHP框架安全实现分析
2016/03/14 PHP
php使用curl并发减少后端访问时间的方法分析
2016/05/12 PHP
PHP实现多级分类生成树的方法示例
2017/02/07 PHP
JS window.opener返回父页面的应用
2009/10/24 Javascript
解析jquery获取父窗口的元素
2013/06/26 Javascript
使用GruntJS构建Web程序之构建篇
2014/06/04 Javascript
JavaScript数组函数unshift、shift、pop、push使用实例
2014/08/27 Javascript
JavaScript的Backbone.js框架入门学习指引
2016/05/07 Javascript
深入浅出 jQuery中的事件机制
2016/08/23 Javascript
Jquery on绑定的事件 触发多次实例代码
2016/12/08 Javascript
JS声明式函数与赋值式函数实例分析
2016/12/13 Javascript
详解webpack编译多页面vue项目的配置问题
2017/12/11 Javascript
vue.js实现的绑定class操作示例
2018/07/06 Javascript
微信小程序弹窗禁止页面滚动的实现代码
2020/12/30 Javascript
[55:47]DOTA2上海特级锦标赛C组小组赛#2 LGD VS Newbee第三局
2016/02/27 DOTA
[04:04]DOTA2亚洲邀请赛比赛场馆&酒店全攻略
2017/03/23 DOTA
[02:16]2018年度CS GO最具人气选手-完美盛典
2018/12/16 DOTA
[42:00]完美世界DOTA2联赛PWL S3 Phoenix vs INK ICE 第一场 12.13
2020/12/17 DOTA
Python存取XML的常见方法实例分析
2017/03/21 Python
Python 给某个文件名添加时间戳的方法
2018/10/16 Python
Python sklearn中的.fit与.predict的用法说明
2020/06/28 Python
详解Python中import机制
2020/09/11 Python
英国运动服、设备及配件网站:DW Sports
2019/12/04 全球购物
家庭教育先进个人事迹材料
2014/01/24 职场文书
消防安全管理制度
2014/02/01 职场文书
2014新课程改革心得体会
2014/03/10 职场文书
党员教师一句话承诺
2014/05/30 职场文书
工商局副局长个人对照检查材料
2014/09/25 职场文书
作文评语怎么写
2014/12/25 职场文书
2015年小学数学教师工作总结
2015/05/20 职场文书
交通事故调解协议书
2015/05/20 职场文书
毕业答辩开场白范文
2015/05/27 职场文书
Keras在mnist上的CNN实践,并且自定义loss函数曲线图操作
2021/05/25 Python
关于Python OS模块常用文件/目录函数详解
2021/07/01 Python