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 相关文章推荐
Jquery ThickBox插件使用心得(不建议使用)
Sep 08 Javascript
ASP.NET jQuery 实例10 动态修改hyperlink的URL值
Feb 03 Javascript
手机号码,密码正则验证
Sep 04 Javascript
浅谈jQuery.easyui的datebox格式化时间
Jun 25 Javascript
14款经典网页图片和文字特效的jQuery插件-前端开发必备
Aug 25 Javascript
Bootstrap模态框(modal)垂直居中的实例代码
Aug 18 Javascript
基于bootstrap-datetimepicker.js不支持IE8的快速解决方法
Nov 07 Javascript
axios学习教程全攻略
Mar 26 Javascript
node.js的exports、module.exports与ES6的export、export default深入详解
Oct 26 Javascript
微信小程序实现红包雨功能
Jul 11 Javascript
Layui事件监听的实现(表单和数据表格)
Oct 17 Javascript
Js逆向实现滑动验证码图片还原的示例代码
Mar 10 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安装全攻略:APACHE
2006/10/09 PHP
Codeigniter整合Tank Auth权限类库详解
2014/06/12 PHP
PHP中file_get_contents函数抓取https地址出错的解决方法(两种方法)
2015/09/22 PHP
PHP CURL post数据报错 failed creating formpost data
2016/10/16 PHP
PHP实现获取第一个中文首字母并进行排序的方法
2017/05/09 PHP
运用Windows XP附带的Msicuu.exe、Msizap.exe来彻底卸载顽固程序
2007/04/21 Javascript
javascript之可拖动的iframe效果代码
2008/08/01 Javascript
jQuery checkbox全选/取消全选实现代码
2009/11/14 Javascript
JQuery将文本转化成JSON对象需要注意的问题
2011/05/09 Javascript
js+xml生成级联下拉框代码
2012/07/24 Javascript
纯js网页画板(Graphics)类简介及实现代码
2012/12/24 Javascript
打造个性化的功能强大的Jquery虚拟键盘(VirtualKeyboard)
2014/10/11 Javascript
jQuery的Ajax用户认证和注册技术实例教程(附demo源码)
2015/12/08 Javascript
有关jQuery中parent()和siblings()的小问题
2016/06/01 Javascript
实例讲解vue源码架构
2019/01/24 Javascript
谈谈为什么你的 JavaScript 代码如此冗长
2019/01/30 Javascript
layui内置模块layim发送图片添加加载动画的方法
2019/09/23 Javascript
webpack的pitching loader详解
2019/09/23 Javascript
Nuxt v-bind绑定img src不显示的解决
2019/12/05 Javascript
基于jQuery拖拽事件的封装
2020/11/29 jQuery
python实现超简单端口转发的方法
2015/03/13 Python
利用python获取某年中每个月的第一天和最后一天
2016/12/15 Python
Python编程scoketServer实现多线程同步实例代码
2018/01/29 Python
docker django无法访问redis容器的解决方法
2019/08/21 Python
python 实现两个线程交替执行
2020/05/02 Python
Python日志器使用方法及原理解析
2020/09/27 Python
木马的传播途径主要有哪些
2016/04/08 面试题
中等生评语大全
2014/05/04 职场文书
省级优秀班集体申报材料
2014/05/25 职场文书
2014年政务公开工作总结
2014/12/09 职场文书
新员工试用期工作总结2015
2015/05/28 职场文书
2016年教师政治思想表现评语
2015/12/02 职场文书
2016年9月份红领巾广播稿
2015/12/21 职场文书
初中思品教学反思
2016/02/20 职场文书
会计工作自我鉴定范文
2019/06/21 职场文书
手写Spirit防抖函数underscore和节流函数lodash
2022/03/22 Javascript