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 键盘记录实现(兼容FireFox和IE)
Feb 07 Javascript
js内置对象 学习笔记
Aug 01 Javascript
30分钟就入门的正则表达式基础教程
Feb 25 Javascript
SOSO地图JS画出标注和中心点以html形式运行
Aug 09 Javascript
jQuery向上遍历DOM树之parents(),parent(),closest()之间的区别
Dec 02 Javascript
jQuery解析XML与传统JavaScript方法的差别实例分析
Mar 05 Javascript
简单了解JavaScript操作XPath的一些基本方法
Jun 03 Javascript
JavaScript地理位置信息API
Jun 11 Javascript
Three.js基础部分学习
Jan 08 Javascript
Vue shopCart 组件开发详解
Jan 26 Javascript
node.js自动上传ftp的脚本分享
Jun 16 Javascript
如何为你的JS项目添加智能提示与类型检查详解
Mar 12 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中“简单工厂模式”实例代码讲解
2012/09/04 PHP
golang与php实现计算两个经纬度之间距离的方法
2016/07/22 PHP
解决php用mysql方式连接数据库出现Deprecated报错问题
2019/12/25 PHP
js apply/call/caller/callee/bind使用方法与区别分析
2009/10/28 Javascript
JavaScript小技巧 2.5 则
2010/09/12 Javascript
关于js中window.location.href,location.href,parent.location.href,top.location.href的用法与区别
2010/10/18 Javascript
来自国外的页面JavaScript文件优化
2010/12/08 Javascript
js内存泄露的几种情况详细探讨
2013/05/31 Javascript
js中Math之random,round,ceil,floor的用法总结
2013/12/26 Javascript
JavaScript对象反射用法实例
2015/04/17 Javascript
整理AngularJS中的一些常用指令
2015/06/16 Javascript
Bootstrap中的Panel和Table全面解析
2016/06/13 Javascript
jQuery 更改checkbox的状态,无效的解决方法
2016/07/22 Javascript
利用select实现年月日三级联动的日期选择效果【推荐】
2016/12/13 Javascript
js以及jquery实现手风琴效果
2020/04/17 Javascript
JavaScript操作文件_动力节点Java学院整理
2017/06/30 Javascript
Hexo已经看腻了,来手把手教你使用VuePress搭建个人博客
2018/04/26 Javascript
微信小程序canvas实现刮刮乐效果
2018/07/09 Javascript
Node使用Selenium进行前端自动化操作的代码实现
2019/10/10 Javascript
JavaScript实现与web通信的方法详解
2020/08/07 Javascript
vue通过接口直接下载java生成好的Excel表格案例
2020/10/26 Javascript
Django框架下在URLconf中指定视图缓存的方法
2015/07/23 Python
深入浅析Python中list的复制及深拷贝与浅拷贝
2018/09/03 Python
python pytest进阶之conftest.py详解
2019/06/27 Python
python对矩阵进行转置的2种处理方法
2019/07/17 Python
TFRecord文件查看包含的所有Features代码
2020/02/17 Python
美国南部最大的家族百货公司:Belk
2017/01/30 全球购物
从当地商店送来的杂货:Instacart
2018/08/19 全球购物
Exoticca英国:以最优惠的价格提供豪华异国情调旅行
2018/10/18 全球购物
2014年两会学习心得体会
2014/03/17 职场文书
门前三包责任书
2014/04/15 职场文书
贸易跟单员英文求职信
2014/04/19 职场文书
教师节倡议书
2014/08/30 职场文书
七年级作文(600字3篇)
2019/09/24 职场文书
vue-element-admin项目导入和导出的实现
2021/05/21 Vue.js
腾讯云服务器部署前后分离项目之前端部署
2022/06/28 Servers