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 相关文章推荐
jQuery针对各类元素操作基础教程
Aug 29 Javascript
JavaScript function函数种类详解
Feb 22 Javascript
第三篇Bootstrap网格基础
Jun 21 Javascript
仿百度换肤功能的简单实例代码
Jul 11 Javascript
js实现按钮控制带有停顿效果的图片滚动
Aug 30 Javascript
在 Angular2 中实现自定义校验指令(确认密码)的方法
Jan 23 Javascript
详解javascript立即执行函数表达式IIFE
Feb 13 Javascript
JS验证input输入框(字母,数字,符号,中文)
Mar 23 Javascript
jQuery - AJAX load() 实例用法详解
Aug 27 jQuery
JS回调函数 callback的理解与使用案例分析
Sep 09 Javascript
Node.js API详解之 querystring用法实例分析
Apr 29 Javascript
javascript中的offsetWidth、clientWidth、innerWidth及相关属性方法
May 14 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
php实现复制移动文件的方法
2015/07/29 PHP
twig模板获取全局变量的方法
2016/02/05 PHP
Jquery实现列表(隔行换色,全选,鼠标滑过当前行)效果实例
2013/06/09 Javascript
javascript屏蔽右键代码
2014/05/15 Javascript
JavaScript将base64图片转换成formData并通过AJAX提交的实现方法
2016/10/24 Javascript
详解vue-router 2.0 常用基础知识点之router.push()
2017/05/10 Javascript
JS实现的简单四则运算计算器功能示例
2017/09/27 Javascript
Angular移动端页面input无法输入的解决方法
2017/11/14 Javascript
使用JavaScript生成罗马字符的实例代码
2018/06/08 Javascript
前端 javascript 实现文件下载的示例
2020/11/24 Javascript
[03:12]完美世界DOTA2联赛PWL DAY6集锦
2020/11/05 DOTA
Python 时间处理datetime实例
2008/09/06 Python
python+django快速实现文件上传
2016/10/24 Python
关于pip的安装,更新,卸载模块以及使用方法(详解)
2017/05/19 Python
Python 字符串操作(string替换、删除、截取、复制、连接、比较、查找、包含、大小写转换、分割等)
2018/03/19 Python
详解Python使用Plotly绘图工具,绘制甘特图
2019/04/02 Python
使用Python的OpenCV模块识别滑动验证码的缺口(推荐)
2019/05/10 Python
12个Python程序员面试必备问题与答案(小结)
2019/06/24 Python
windows 10 设定计划任务自动执行 python 脚本的方法
2019/09/11 Python
使用Django实现把两个模型类的数据聚合在一起
2020/03/28 Python
一篇文章搞懂python的转义字符及用法
2020/09/03 Python
Python 字典一个键对应多个值的方法
2020/09/29 Python
在终端启动Python时报错的解决方案
2020/11/20 Python
css3 中translate和transition的使用方法
2020/03/26 HTML / CSS
美国糖果店:Sugarfina
2019/02/21 全球购物
Yummie官方网站:塑身衣和衣柜必需品
2019/10/29 全球购物
澳大利亚一站式数码相机商店:CameraPro
2020/03/09 全球购物
员工自我鉴定范文
2013/10/06 职场文书
新郎新娘婚礼答谢词
2014/01/11 职场文书
接受捐赠答谢词
2014/01/27 职场文书
大班亲子运动会方案
2014/06/10 职场文书
我们的节日中秋活动方案
2014/08/19 职场文书
自愿离婚协议书范文2014
2014/10/12 职场文书
幼师求职自荐信
2015/03/26 职场文书
项目投资意向书范本
2015/05/09 职场文书
Python如何解决secure_filename对中文不支持问题
2021/07/16 Python