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还原含有rowspan、colspan的table的实现方法
Feb 10 Javascript
js confirm()方法的使用方法实例
Jul 13 Javascript
深入理解javascript中的立即执行函数(function(){…})()
Jun 12 Javascript
angularJs关于指令的一些冷门属性详解
Oct 24 Javascript
微信小程序 textarea 详解及简单使用方法
Dec 05 Javascript
谈谈vue中mixin的一点理解
Dec 12 Javascript
js实现HTML中Select二级联动的实例
Jan 05 Javascript
angular2模块和共享模块详解
Apr 08 Javascript
element vue validate验证名称重复 输入框与后台重复验证 特殊字符 字符长度 及注意事项小结【实例代码】
Nov 20 Javascript
使用rollup打包JS的方法步骤
Dec 05 Javascript
Vue源码学习之关于对Array的数据侦听实现
Apr 23 Javascript
JQuery 实现文件下载的常用方法分析
Oct 29 jQuery
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
PHPShop存在多个安全漏洞
2006/10/09 PHP
基于mysql的bbs设计(一)
2006/10/09 PHP
flash用php连接数据库的代码
2011/04/21 PHP
PHP中VC6、VC9、TS、NTS版本的区别与用法详解
2013/10/26 PHP
PHP中HTML标签过滤技巧
2014/01/07 PHP
php面向对象中static静态属性和静态方法的调用
2015/02/08 PHP
js 单击式的下拉菜单效果实例
2013/08/13 Javascript
Jquery 实现表格颜色交替变化鼠标移过颜色变化实例
2013/08/28 Javascript
JS的参数传递示例介绍
2014/02/08 Javascript
jQuery实现的背景动态变化导航菜单效果
2015/08/24 Javascript
谈谈JavaScript自定义回调函数
2015/10/18 Javascript
JS实现鼠标滑过链接改变网页背景颜色的方法
2015/10/20 Javascript
JavaScript数组的栈方法与队列方法详解
2016/05/26 Javascript
selenium 与 chrome 进行qq登录并发邮件操作实例详解
2017/04/06 Javascript
详解Webpack DLL用法以及功能
2017/07/11 Javascript
浅谈Vuex@2.3.0 中的 state 支持函数申明
2017/11/22 Javascript
vue2.5.2使用http请求获取静态json数据的实例代码
2018/02/27 Javascript
利用npm 安装删除模块的方法
2018/05/15 Javascript
Vue开发环境中修改端口号的实现方法
2019/08/15 Javascript
微信小程序实现吸顶特效
2020/01/08 Javascript
python登录QQ邮箱发信的实现代码
2013/02/10 Python
Python实现的下载8000首儿歌的代码分享
2014/11/21 Python
Python的Django框架中使用SQLAlchemy操作数据库的教程
2016/06/02 Python
详解python中的线程与线程池
2019/05/10 Python
python如何查看安装了的模块
2020/06/23 Python
Java Unsafe类实现原理及测试代码
2020/09/15 Python
详解python polyscope库的安装和例程
2020/11/13 Python
html5中canvas图表实现柱状图的示例
2017/11/13 HTML / CSS
美国保健品专家:Life Extension
2018/05/04 全球购物
高级护理专业毕业生推荐信
2013/12/25 职场文书
领班岗位职责范文
2014/02/06 职场文书
大专应届毕业生求职信
2014/07/15 职场文书
2014年安全生产目标责任书
2014/07/23 职场文书
我为党旗添光彩演讲稿
2014/09/10 职场文书
结婚司仪主持词
2015/06/29 职场文书
2016年度创先争优活动总结
2016/04/05 职场文书