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 相关文章推荐
查看图片(前进后退)功能实现js代码
Apr 24 Javascript
Node.js中的模块机制学习笔记
Nov 04 Javascript
Jquery实现仿腾讯微博发表广播
Nov 17 Javascript
详解jQuery向动态生成的内容添加事件响应jQuery live()方法
Nov 02 Javascript
超链接怎么正确调用javascript函数
May 23 Javascript
使用原生的javascript来实现轮播图
Feb 24 Javascript
Bootstrap Tree View简单而优雅的树结构组件实例解析
Jun 15 Javascript
Vue EventBus自定义组件事件传递
Jun 25 Javascript
JS页面获取 session 值,作用域和闭包学习笔记
Oct 16 Javascript
jQuery实现手风琴效果(蒙版)
Jan 11 jQuery
js原生map实现的方法总结
Jan 19 Javascript
Vue强制组件重新渲染的方法讨论
Feb 03 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
地球防卫队:陪着奥特曼打小怪兽的人类力量 那些经典队服
2020/03/08 日漫
php 静态属性和静态方法区别详解
2017/04/09 PHP
js实现顶部可折叠的菜单工具栏效果实例
2015/05/09 Javascript
jQuery+Ajax实现无刷新操作
2016/01/04 Javascript
nodejs基础应用
2017/02/03 NodeJs
Vue计算属性的使用
2017/08/04 Javascript
jquery中有哪些api jQuery主要API
2017/11/20 jQuery
VUE实现可随意拖动的弹窗组件
2018/09/25 Javascript
微信小程序中使用Async-await方法异步请求变为同步请求方法
2019/03/28 Javascript
原生js实现针对Dom节点的CRUD操作示例
2019/08/26 Javascript
js实现拖拽元素选择和删除
2020/08/25 Javascript
[50:21]Liquid vs Winstrike 2018国际邀请赛小组赛BO2 第二场
2018/08/19 DOTA
python使用正则表达式匹配字符串开头并打印示例
2017/01/11 Python
Python插件virtualenv搭建虚拟环境
2017/11/20 Python
利用 python 对目录下的文件进行过滤删除
2017/12/27 Python
VSCode下配置python调试运行环境的方法
2018/04/06 Python
Pytorch实现GoogLeNet的方法
2019/08/18 Python
基于Tensorflow读取MNIST数据集时网络超时的解决方式
2020/06/22 Python
Python 没有main函数的原因
2020/07/10 Python
解决阿里云邮件发送不能使用25端口问题
2020/08/07 Python
css3简单练习实现遨游浏览器logo的绘制
2013/01/30 HTML / CSS
CSS3 animation实现逐帧动画效果
2016/06/02 HTML / CSS
html5自带表单验证体验优化及提示气泡修改功能
2017/09/12 HTML / CSS
马来西亚在线购物:POPLOOK.com
2019/12/09 全球购物
工程概预算专业毕业生求职信
2013/10/04 职场文书
英文版餐饮业求职信
2013/10/18 职场文书
工业设计专业推荐信
2013/10/29 职场文书
大学生村官考核材料
2014/05/23 职场文书
公司任命书范本
2014/06/04 职场文书
个人租房协议书样本
2014/10/01 职场文书
给客户的检讨书
2014/12/21 职场文书
微信搭讪开场白
2015/05/28 职场文书
大学生心理健康教育心得体会
2016/01/12 职场文书
2019学生会干事辞职信
2019/06/27 职场文书
简单实现一个手持弹幕功能+文字抖动特效
2021/03/31 HTML / CSS
MongoDB balancer的使用详解
2021/04/30 MongoDB