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的$.event.fix函数统一浏览器event事件处理
Dec 21 Javascript
Javascript new关键字的玄机 以及其它
Aug 25 Javascript
jQuery中Dom的基本操作小结
Jan 23 Javascript
javascript实现页面内关键词高亮显示代码
Apr 03 Javascript
javascript数组操作方法小结和3个属性详细介绍
Jul 05 Javascript
Node.js安装教程和NPM包管理器使用详解
Aug 16 Javascript
javascript实现漂亮的拖动层,窗口拖拽特效
Apr 24 Javascript
基于BootStrap环境写jQuery tabs插件
Jul 12 Javascript
webpack2.0搭建前端项目的教程详解
Apr 05 Javascript
Vue2.0表单校验组件vee-validate的使用详解
May 02 Javascript
Angular2 组件通信的实例代码
Jun 23 Javascript
Node.js自定义实现文件路由功能
Sep 22 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安装问题
2006/10/09 PHP
初探PHP5
2006/10/09 PHP
PHP5.4中json_encode中文转码的变化小结
2013/01/30 PHP
php中3种方法删除字符串中间的空格
2014/03/10 PHP
php使用array_rand()函数从数组中随机选择一个或多个元素
2014/04/28 PHP
php相对当前文件include其它文件的方法
2015/03/13 PHP
IE 上下滚动展示模仿Marquee机制
2009/12/20 Javascript
浅析jQuery的链式调用之each函数
2010/12/03 Javascript
JavaScript通过RegExp实现客户端验证处理程序
2013/05/07 Javascript
使用简洁的jQuery方法实现隔行换色功能
2014/01/02 Javascript
ExtJS4如何自动生成控制grid的列显示、隐藏的checkbox
2014/05/02 Javascript
仿淘宝TAB切换搜索框搜索切换的相关内容
2014/09/21 Javascript
JsRender实用入门教程
2014/10/31 Javascript
javascript解三阶幻方(九宫格)
2015/04/22 Javascript
JS与jQ读取xml文件的方法
2015/12/08 Javascript
Bootstrap 填充Json数据的实例代码
2017/01/11 Javascript
JQuery validate 验证一个单独的表单元素实例
2017/02/17 Javascript
vue组件父子间通信详解(三)
2017/11/07 Javascript
JavaScript生成指定范围的时间列表
2018/03/19 Javascript
微信小程序实现自定义加载图标功能
2018/07/19 Javascript
AngularJS实现与后台服务器进行交互的示例讲解
2018/08/13 Javascript
使用canvas实现一个vue弹幕组件功能
2018/11/30 Javascript
vue keep-alive 动态删除组件缓存的例子
2019/11/04 Javascript
python去除空格和换行符的实现方法(推荐)
2017/01/04 Python
Python设计模式之观察者模式简单示例
2018/01/10 Python
pyspark.sql.DataFrame与pandas.DataFrame之间的相互转换实例
2018/08/02 Python
python 中的[:-1]和[::-1]的具体使用
2020/02/13 Python
Python动态导入模块和反射机制详解
2020/02/18 Python
在Django中预防CSRF攻击的操作
2020/03/13 Python
基于Python快速处理PDF表格数据
2020/06/03 Python
Pandas之缺失数据的实现
2021/01/06 Python
浅析HTML5页面元素及属性
2021/01/20 HTML / CSS
我是一名护士演讲稿
2014/08/28 职场文书
食品安全演讲稿
2014/09/01 职场文书
股指期货心得体会
2014/09/13 职场文书
上市公司董事长岗位职责
2015/04/16 职场文书