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 相关文章推荐
经典的解除许多网站无法复制文字的绝招
Dec 31 Javascript
Prototype使用指南之ajax
Jan 10 Javascript
Ext JS 4实现带week(星期)的日期选择控件(实战一)
Aug 21 Javascript
JQuery教学之性能优化
May 14 Javascript
聊一聊Vue.js过渡效果
Sep 07 Javascript
python爬取安居客二手房网站数据(实例讲解)
Oct 19 Javascript
Popup弹出框添加数据实现方法
Oct 27 Javascript
详解基于Vue cli生成的Vue项目的webpack4升级
Jun 19 Javascript
微信小程序实现蒙版弹窗效果
Nov 01 Javascript
React父子组件间的传值的方法
Nov 13 Javascript
原生JS运动实现轮播图
Jan 02 Javascript
VUE使用draggable实现组件拖拽
Apr 06 Vue.js
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 file_get_contents 函数超时的几种解决方法
2009/07/30 PHP
php 正确解码javascript中通过escape编码后的字符
2010/01/28 PHP
PHP COOKIE及时生效的方法介绍
2014/02/14 PHP
PHP使用memcache缓存技术提高响应速度的方法
2014/12/26 PHP
thinkphp3.x中display方法及show方法的用法实例
2016/05/19 PHP
Zend Framework入门教程之Zend_Session会话操作详解
2016/12/08 PHP
从JavaScript的函数重名看其初始化方式
2007/03/08 Javascript
javascript开发技术大全 第4章 直接量与字符集
2011/07/03 Javascript
用JavaScript实现一个代码简洁、逻辑不复杂的多级树
2014/05/23 Javascript
NodeJS Express框架中处理404页面一个方式
2014/05/28 NodeJs
详解Javascript动态操作CSS
2014/12/08 Javascript
jQuery中[attribute=value]选择器用法实例
2014/12/31 Javascript
javascript Array 数组常用方法
2015/04/05 Javascript
Bootstrap每天必学之标签页(Tab)插件
2020/08/09 Javascript
js数组的五种迭代方法及两种归并方法(推荐)
2016/06/14 Javascript
JavaScript实现窗口抖动效果
2016/10/19 Javascript
利用jQuery插件imgAreaSelect实现图片上传裁剪(同步显示图像位置信息)
2016/12/02 Javascript
JS基于递归算法实现1,2,3,4,5,6,7,8,9倒序放入数组中的方法
2017/01/03 Javascript
Es6 Generator函数详细解析
2018/02/24 Javascript
Python使用MONGODB入门实例
2015/05/11 Python
详解Python中find()方法的使用
2015/05/18 Python
Python使用LDAP做用户认证的方法
2019/06/20 Python
Python requests模块基础使用方法实例及高级应用(自动登陆,抓取网页源码)实例详解
2020/02/14 Python
python实现按键精灵找色点击功能教程,使用pywin32和Pillow库
2020/06/04 Python
HTML5 Canvas的事件处理介绍
2015/04/24 HTML / CSS
时装界的“朋克之母”:Vivienne Westwood
2017/07/06 全球购物
意大利奢华内衣制造商:Cosabella
2017/08/29 全球购物
中软国际Java程序员笔试题
2014/07/19 面试题
学校司机岗位职责
2013/11/14 职场文书
结婚典礼证婚词
2014/01/08 职场文书
财务部总监岗位职责
2014/03/12 职场文书
广场舞大赛策划方案
2014/05/31 职场文书
员工试用期转正自我评价
2015/03/10 职场文书
2015年支教教师工作总结
2015/07/22 职场文书
商业计划书格式、范文
2019/03/21 职场文书
redis实现共同好友的思路详解
2021/05/26 Redis