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 相关文章推荐
use jscript List Installed Software
Jun 11 Javascript
Autocomplete Textbox Example javascript实现自动完成成功
Aug 17 Javascript
JavaScript性能优化 创建文档碎片(document.createDocumentFragment)
Jul 13 Javascript
jquery 跨域访问问题解决方法(笔记)
Jun 08 Javascript
利用js实现选项卡的特别效果的实例
Mar 03 Javascript
JS Attribute属性操作详解
May 19 Javascript
Bootstrap中文本框的宽度变窄并且加入一副验证码图片的实现方法
Jun 23 Javascript
Vue.Js中的$watch()方法总结
Mar 23 Javascript
Angular 4依赖注入学习教程之ClassProvider的使用(三)
Jun 04 Javascript
不到200行 JavaScript 代码实现富文本编辑器的方法
Jan 03 Javascript
JS操作字符串转数字的常见方法示例
Oct 29 Javascript
JS实现导航栏楼层特效
Jan 01 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
实测在class的function中include的文件中非php的global全局环境
2013/07/15 PHP
php短址转换实现方法
2015/02/25 PHP
PHP实现算式验证码和汉字验证码实例
2015/03/09 PHP
PHP中子类重载父类的方法【parent::方法名】
2016/05/06 PHP
PHP实现四种基础排序算法的运行时间比较(推荐)
2016/08/11 PHP
php版微信公众平台实现预约提交后发送email的方法
2016/09/26 PHP
PHP合并数组的2种方法小结
2016/11/24 PHP
js操作CheckBoxList实现全选/反选(在客服端完成)
2013/02/02 Javascript
js Select下拉列表框进行多选、移除、交换内容的具体实现方法
2013/08/13 Javascript
jQuery往textarea中光标所在位置插入文本的方法
2015/06/26 Javascript
js只执行1次的函数示例
2016/07/20 Javascript
Node.js批量给图片加水印的方法
2016/11/15 Javascript
Bootstrap3 内联单选和多选框
2016/12/29 Javascript
NodeJs下的测试框架Mocha的简单介绍
2017/02/22 NodeJs
从零开始学习Node.js系列教程之SQLite3和MongoDB用法分析
2017/04/13 Javascript
快速解决Vue项目在IE浏览器中显示空白的问题
2018/09/04 Javascript
微信小程序学习笔记之登录API与获取用户信息操作图文详解
2019/03/29 Javascript
js实现一个简易计算器
2020/03/30 Javascript
js实现带箭头的进度流程
2020/03/26 Javascript
Vue项目前后端联调(使用proxyTable实现跨域方式)
2020/07/18 Javascript
Python编程判断这天是这一年第几天的方法示例
2017/04/18 Python
python WindowsError的错误代码详解
2017/07/23 Python
Python实现JSON反序列化类对象的示例
2018/01/31 Python
Tensorflow之构建自己的图片数据集TFrecords的方法
2018/02/07 Python
python-str,list,set间的转换实例
2018/06/27 Python
Python实现线性判别分析(LDA)的MATLAB方式
2019/12/09 Python
django xadmin 管理器常用显示设置方式
2020/03/11 Python
Python实现查找数据库最接近的数据
2020/06/08 Python
雷锋精神演讲稿
2014/05/13 职场文书
保护野生动物倡议书
2014/05/16 职场文书
乔布斯斯坦福大学演讲稿
2014/05/23 职场文书
国庆宣传标语
2014/06/30 职场文书
社保委托书怎么写
2014/08/02 职场文书
中学教师暑期培训方案
2014/08/27 职场文书
Memcached介绍及php-memcache扩展安装
2021/04/01 PHP
Linux中文件的基本属性介绍
2022/06/01 Servers