js动态删除div元素基本思路及实现代码


Posted in Javascript onMay 08, 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 相关文章推荐
发布BlueShow v1.0 图片浏览器(类似lightbox)blueshow.js 打包下载
Jul 21 Javascript
js实现DOM走马灯特效的方法
Jan 21 Javascript
JavaScript中window.open用法实例详解
Apr 15 Javascript
限制只能输入数字的实现代码
May 16 Javascript
js数组常用操作方法小结(增加,删除,合并,分割等)
Aug 02 Javascript
利用jquery获取select下拉框的值
Nov 23 Javascript
jQuery select自动选中功能实现方法分析
Nov 28 Javascript
Javascript基础回顾之(三) js面向对象
Jan 31 Javascript
ES6新特性之类(Class)和继承(Extends)相关概念与用法分析
May 24 Javascript
JavaScript实现数字前补“0”的五种方法示例
Jan 03 Javascript
JS Ajax请求会话过期处理问题解决方法分析
Nov 16 Javascript
js实现内置计时器
Dec 16 Javascript
JS的encodeURI和java的URLDecoder.decode使用介绍
May 08 #Javascript
jquery查找tr td 示例模拟
May 08 #Javascript
js冒泡、捕获事件及阻止冒泡方法详细总结
May 08 #Javascript
JavaScript二维数组实现的省市联动菜单
May 08 #Javascript
javascript中setTimeout的问题解决方法
May 08 #Javascript
在JavaScript中使用timer示例
May 08 #Javascript
JavaScript中读取和保存文件实例
May 08 #Javascript
You might like
Discuz Uchome ajaxpost小技巧
2011/01/04 PHP
Yii2框架中使用PHPExcel导出Excel文件的示例
2017/08/09 PHP
Javascript 各浏览器的 Javascript 效率对比
2008/01/23 Javascript
JQuery Tips(4) 一些关于提高JQuery性能的Tips
2009/12/19 Javascript
一个很有趣3D球状标签云兼容IE8
2014/08/22 Javascript
js通过location.search来获取页面传来的参数
2014/09/11 Javascript
浅谈JavaScript正则表达式分组匹配
2015/04/10 Javascript
实例代码详解jquery.slides.js
2015/11/16 Javascript
使用JS轻松实现ionic调用键盘搜索功能(超实用)
2016/09/06 Javascript
jQuery通过ajax方法获取json数据不执行success的原因及解决方法
2016/10/15 Javascript
javascript设置文本框光标的方法实例小结
2016/11/04 Javascript
微信小程序 POST请求(网络请求)详解及实例代码
2016/11/16 Javascript
canvas实现刮刮卡效果
2017/03/14 Javascript
ES6中的箭头函数实例详解
2017/04/06 Javascript
Angular如何在应用初始化时运行代码详解
2018/06/11 Javascript
Vue中rem与postcss-pxtorem的应用详解
2019/11/20 Javascript
javascript单张多张图无缝滚动实例代码
2020/05/10 Javascript
[01:00:53]OG vs IG 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
python原始套接字编程示例分享
2014/02/21 Python
跟老齐学Python之总结参数的传递
2014/10/10 Python
Python中decorator使用实例
2015/04/14 Python
python使用自定义user-agent抓取网页的方法
2015/04/15 Python
python实现图像识别功能
2018/01/29 Python
python xlsxwriter库生成图表的应用示例
2018/03/16 Python
python抓取网站的图片并下载到本地的方法
2018/05/22 Python
深入了解和应用Python 装饰器 @decorator
2019/04/02 Python
使用turtle绘制五角星、分形树
2019/10/06 Python
50行Python代码实现视频中物体颜色识别和跟踪(必须以红色为例)
2019/11/20 Python
CSS3实现银灰色动画效果的导航菜单代码
2015/09/01 HTML / CSS
工商管理专业实习大学生自我鉴定
2013/09/19 职场文书
演讲比赛获奖感言
2014/02/02 职场文书
七夕活动策划方案
2014/08/16 职场文书
2014年人大工作总结
2014/12/10 职场文书
重阳节简报
2015/07/20 职场文书
MySQL复制问题的三个参数分析
2021/04/07 MySQL
InterProcessMutex实现zookeeper分布式锁原理
2022/03/21 Java/Android