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 相关文章推荐
alixixi runcode.asp的代码不错的应用
Aug 08 Javascript
jQuery EasyUI 开源插件套装 完全替代ExtJS
Mar 24 Javascript
jquery实现按Enter键触发事件示例
Sep 10 Javascript
css样式标签和js语法属性区别
Nov 06 Javascript
JavaScript极简入门教程(二):对象和函数
Oct 25 Javascript
JavaScript 学习笔记之语句
Jan 14 Javascript
深入浅析JS Function()构造函数
Aug 22 Javascript
jsp 网站引入外部css或者js失效问题解决
Oct 31 Javascript
利用n 升级工具升级Node.js版本及在mac环境下的坑
Feb 15 Javascript
Angular @HostBinding()和@HostListener()用法
Mar 05 Javascript
echarts鼠标覆盖高亮显示节点及关系名称详解
Mar 17 Javascript
vue treeselect获取当前选中项的label实例
Aug 31 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动态生成函数示例
2014/03/21 PHP
php实现插入数组但不影响原有顺序的方法
2015/03/27 PHP
Cygwin中安装PHP方法步骤
2015/07/04 PHP
非常重要的php正则表达式详解
2016/01/04 PHP
Yii2 rbac权限控制操作步骤实例教程
2016/04/29 PHP
thinkPHP5.0框架安装教程
2017/03/25 PHP
新老版本juqery获取radio对象的方法
2010/03/01 Javascript
浅析jQuery的链式调用之each函数
2010/12/03 Javascript
JS操作Cookies包括(读取添加与删除)
2012/12/26 Javascript
鼠标选择动态改变网页背景颜色的JS代码
2013/12/10 Javascript
原生js配合cookie制作保存路径的拖拽
2015/12/29 Javascript
js手机号批量滚动抽奖实现代码
2020/04/17 Javascript
jQuery实现多张图片上传预览(不经过后端处理)
2017/04/29 jQuery
Ionic2开发环境搭建教程
2020/08/20 Javascript
基于Node.js搭建hexo博客过程详解
2019/06/25 Javascript
JS为什么说async/await是generator的语法糖详解
2019/07/11 Javascript
微信小程序如何使用canvas二维码保存至手机相册
2019/07/15 Javascript
[01:10]DOTA2次级职业联赛 - U5战队宣传片
2014/12/01 DOTA
Python打印斐波拉契数列实例
2015/07/07 Python
利用Python中SocketServer 实现客户端与服务器间非阻塞通信
2016/12/15 Python
python二维码操作:对QRCode和MyQR入门详解
2019/06/24 Python
Python flask框架post接口调用示例
2019/07/03 Python
Python绘制堆叠柱状图的实例
2019/07/09 Python
浅析python 中大括号中括号小括号的区分
2019/07/29 Python
python 批量修改 labelImg 生成的xml文件的方法
2019/09/09 Python
python元组的概念知识点
2019/11/19 Python
python3+opencv 使用灰度直方图来判断图片的亮暗操作
2020/06/02 Python
韩国知名的家庭购物网站:CJmall
2016/08/01 全球购物
美国男士西装打折店:Jos. A. Bank
2017/11/13 全球购物
N:Philanthropy官网:美国洛杉矶基础款服装
2020/06/09 全球购物
JDBC操作数据库的基本流程是什么
2014/10/28 面试题
建筑人员岗位职责
2013/12/25 职场文书
巧克力蛋糕店创业计划书
2014/01/14 职场文书
《孔子拜师》教学反思
2014/02/24 职场文书
2015年学校总务处工作总结
2015/05/19 职场文书
2016读书月活动心得体会
2016/01/14 职场文书