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 相关文章推荐
一些常用的JS功能函数代码
Jun 23 Javascript
通过JS 获取Mouse Position(鼠标坐标)的代码
Sep 21 Javascript
jquery 简短右键菜单 多浏览器兼容
Jan 01 Javascript
Jquery响应回车键直接提交表单操作代码
Jul 25 Javascript
jQuery标签编辑插件Tagit使用指南
Apr 21 Javascript
Webpack性能优化 DLL 用法详解
Aug 10 Javascript
react开发教程之React 组件之间的通信方式
Aug 12 Javascript
JS继承与闭包及JS实现继承的三种方式
Oct 15 Javascript
vue自动化表单实例分析
May 06 Javascript
浅析node.js的模块加载机制
May 25 Javascript
在create-react-app中使用sass的方法示例
Oct 01 Javascript
vue-cli3.0如何使用CDN区分开发、生产、预发布环境
Nov 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 数组的指针操作实现代码
2011/02/08 PHP
php中神奇的fastcgi_finish_request
2011/05/02 PHP
php入门学习知识点五 关于php数组的几个基本操作
2011/07/14 PHP
分享PHP函数实现数字与文字分页代码
2015/07/28 PHP
PHP比较运算符的详细介绍
2015/09/29 PHP
PHP结合jquery ajax实现上传多张图片,并限制图片大小操作示例
2019/03/01 PHP
PHP加MySQL消息队列深入理解
2021/02/27 PHP
JS 字符串连接[性能比较]
2009/05/10 Javascript
javascript CSS画图之基础篇
2009/07/29 Javascript
jQuery 学习第五课 Ajax 使用说明
2010/05/17 Javascript
JS中confirm,alert,prompt函数区别分析
2011/01/17 Javascript
JS返回上一页实例代码通过图片和按钮分别实现
2013/08/16 Javascript
使用js判断数组中是否包含某一元素(类似于php中的in_array())
2013/12/12 Javascript
实现无刷新联动例子汇总
2015/05/20 Javascript
js采用concat和sort将N个数组拼接起来的方法
2016/01/21 Javascript
基于JS实现EOS隐藏错误提示层代码
2016/04/25 Javascript
AngularJS删除路由中的#符号的方法
2016/09/20 Javascript
js移动焦点到最后位置的简单方法
2016/11/25 Javascript
jQuery扩展实现text提示还能输入多少字节的方法
2016/11/28 Javascript
JavaScript实现滑动导航栏效果
2017/08/30 Javascript
vue实现在表格里,取每行的id的方法
2018/03/09 Javascript
在layer弹层layer.prompt中,修改placeholder的实现方法
2019/09/27 Javascript
[03:17]DOTA2英雄基础教程 剧毒术士
2013/12/12 DOTA
Python类的用法实例浅析
2015/05/27 Python
Python 使用SMTP发送邮件的代码小结
2016/09/21 Python
浅谈Python对内存的使用(深浅拷贝)
2018/01/17 Python
VSCode下配置python调试运行环境的方法
2018/04/06 Python
Python数据处理篇之Sympy系列(五)---解方程
2019/10/12 Python
三个python爬虫项目实例代码
2019/12/28 Python
Pycharm及python安装详细教程(图解)
2020/07/31 Python
美国美食礼品篮网站:Gourmet Gift Baskets
2019/12/15 全球购物
《云房子》教学反思
2014/04/20 职场文书
小学数学教学随笔
2015/08/14 职场文书
数据库连接池
2021/04/06 MySQL
mysql中整数数据类型tinyint详解
2021/12/06 MySQL
python中filter,map,reduce的作用
2022/06/10 Python