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 相关文章推荐
JavaScript开发时的五个注意事项
Dec 08 Javascript
!DOCTYPE声明对JavaScript的影响分析
Apr 12 Javascript
利用jQuery插件扩展识别浏览器内核与外壳的类型和版本的实现代码
Oct 22 Javascript
简单谈谈JavaScript的同步与异步
Dec 31 Javascript
jQuery动画效果相关方法实例分析
Dec 31 Javascript
JavaScript中的this,call,apply使用及区别详解
Jan 29 Javascript
探索Javascript中this的奥秘
Dec 11 Javascript
Node使用Sequlize连接Mysql报错:Access denied for user ‘xxx’@‘localhost’
Jan 03 Javascript
jquery+ajaxform+springboot控件实现数据更新功能
Jan 22 jQuery
vue配置接口域名方法总结
May 12 Javascript
java遇到微信小程序 "支付验证签名失败" 问题解决
Dec 22 Javascript
如何通过Proxy实现JSBridge模块化封装
Oct 22 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
ThinkPHP实现ajax仿官网搜索功能实例
2014/12/02 PHP
prettify 代码高亮着色器google出品
2010/12/28 Javascript
javascript小数四舍五入多种方法实现
2012/12/23 Javascript
通过url查找a元素应用案例
2014/04/29 Javascript
深入理解JavaScript的React框架的原理
2015/07/02 Javascript
详解jquery事件delegate()的使用方法
2016/01/25 Javascript
vueJS简单的点击显示与隐藏的效果【实现代码】
2016/05/03 Javascript
JavaScript数组去重由慢到快由繁到简(优化篇)
2016/08/26 Javascript
AngularJS实现ajax请求的方法
2016/11/22 Javascript
jQuery使用方法
2017/02/04 Javascript
Vue微信项目按需授权登录策略实践思路详解
2018/05/07 Javascript
解决vue项目打包后提示图片文件路径错误的问题
2018/07/04 Javascript
vue解决使用webpack打包后keep-alive不生效的方法
2018/09/01 Javascript
在Vant的基础上实现添加表单验证框架的方法示例
2018/12/05 Javascript
javascript数组元素删除方法delete和splice解析
2019/12/09 Javascript
vue 使用v-for进行循环的实例代码详解
2020/02/19 Javascript
可拖拽组件slider.js使用方法详解
2020/12/04 Javascript
[00:12]DAC SOLO赛卫冕冠军 VG.Paparazi灬展现SOLO技巧
2018/04/06 DOTA
python实现向ppt文件里插入新幻灯片页面的方法
2015/04/28 Python
python妹子图简单爬虫实例
2015/07/07 Python
Python中的连接符(+、+=)示例详解
2017/01/13 Python
Python 实现引用其他.py文件中的类和类的方法
2018/04/29 Python
Python 中的Selenium异常处理实例代码
2018/05/03 Python
python logging模块书写日志以及日志分割详解
2019/07/22 Python
python 函数嵌套及多函数共同运行知识点讲解
2020/03/03 Python
python画图常规设置方式
2020/03/05 Python
Gina Bacconi官网:吉娜贝康尼连衣裙和礼服
2018/04/24 全球购物
美国手工艺品市场的领导者:Annie’s
2019/04/04 全球购物
耐克奥地利官网:Nike奥地利
2019/08/16 全球购物
Feelunique中文官网:欧洲最大化妆品零售电商
2020/07/10 全球购物
Java程序员常见面试题
2015/07/16 面试题
学校元旦晚会方案
2014/02/19 职场文书
酒店总经理岗位职责范本
2014/08/08 职场文书
责任书格式
2019/04/18 职场文书
python unittest单元测试的步骤分析
2021/08/02 Python
MySql中的json_extract函数处理json字段详情
2022/06/05 MySQL