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 相关文章推荐
获取Javscript执行函数名称的方法
Dec 22 Javascript
仅用[]()+!等符号就足以实现几乎任意Javascript代码
Mar 01 Javascript
js输出列表实现代码
Sep 12 Javascript
js获取URL的参数的方法(getQueryString)示例
Sep 29 Javascript
用js判断是否为360浏览器的实现代码
Jan 15 Javascript
jQuery选择器源码解读(二):select方法
Mar 31 Javascript
详解angularJs指令的3种绑定策略
Apr 13 Javascript
JS继承与闭包及JS实现继承的三种方式
Oct 15 Javascript
如何编写一个d.ts文件的步骤详解
Apr 13 Javascript
详解Angular5 路由传参的3种方法
Apr 28 Javascript
泛谈JS逻辑判断选择器 || &&
May 24 Javascript
阿望教你用vue写扫雷小游戏
Jan 20 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操作XML中XPath的应用示例
2019/07/04 PHP
php使用redis的几种常见操作方式和用法示例
2020/02/20 PHP
Jquery 基础学习笔记之文档处理
2009/05/29 Javascript
CCPry JS类库 代码
2009/10/30 Javascript
ExtJS下grid的一些属性说明
2009/12/13 Javascript
js对象关系图 方便dom操作
2012/03/18 Javascript
自己实现string的substring方法 人民币小写转大写,数字反转,正则优化
2012/09/02 Javascript
js多级树形弹出一个小窗口层(非常好用)实例代码
2013/03/19 Javascript
Extjs4 消息框去掉关闭按钮(类似Ext.Msg.alert)
2013/04/02 Javascript
js动态创建标签示例代码
2014/06/09 Javascript
JS中三目运算符和if else的区别分析与示例
2014/11/21 Javascript
AngularJS入门教程之XHR和依赖注入详解
2016/08/18 Javascript
微信小程序之页面拦截器的示例代码
2017/09/07 Javascript
Three.js如何实现雾化效果示例代码
2017/09/27 Javascript
Vue2.0结合webuploader实现文件分片上传功能
2018/03/09 Javascript
jQuery轮播图功能制作方法详解
2019/12/03 jQuery
vue自定义标签和单页面多路由的实现代码
2020/05/03 Javascript
[01:31:03]DOTA2完美盛典全回顾 见证十五项大奖花落谁家
2017/11/28 DOTA
[58:29]DOTA2-DPC中国联赛 正赛 Phoenix vs XG BO3 第一场 1月31日
2021/03/11 DOTA
浅谈Python中的数据类型
2015/05/05 Python
安装ElasticSearch搜索工具并配置Python驱动的方法
2015/12/22 Python
Python实现树莓派WiFi断线自动重连的实例代码
2017/03/16 Python
python3.0 模拟用户登录,三次错误锁定的实例
2017/11/02 Python
使用tensorflow实现AlexNet
2017/11/20 Python
Vue的el-scrollbar实现自定义滚动
2018/05/29 Python
python with (as)语句实例详解
2020/02/04 Python
keras 模型参数,模型保存,中间结果输出操作
2020/07/06 Python
纯css3(无图片/js)制作的几个社交媒体网站的图标
2013/03/21 HTML / CSS
使用CSS3来实现滚动视差效果的教程
2015/08/24 HTML / CSS
SmartBuyGlasses美国官网:太阳眼镜和眼镜
2017/08/20 全球购物
什么是WEB控件?使用WEB控件有哪些优势?
2012/01/21 面试题
校运会入场式解说词
2014/02/10 职场文书
白酒市场营销方案
2014/02/25 职场文书
论文诚信承诺书
2014/05/23 职场文书
2016年教育局“我们的节日——端午节”主题活动总结
2016/04/01 职场文书
手把手带你彻底卸载MySQL数据库
2022/06/14 MySQL