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 相关文章推荐
取得传值的函数
Oct 27 Javascript
传智播客学习之java 反射
Nov 22 Javascript
JQuery通过Ajax提交表单并返回结果
Jul 31 Javascript
js带按钮的提示框可供选择示例代码
Sep 17 Javascript
javascript获取dom的下一个节点方法
Sep 05 Javascript
js实现DOM走马灯特效的方法
Jan 21 Javascript
基于Flowplayer打造一款免费的WEB视频播放器附源码
Sep 06 Javascript
基于jQuery实现多层次的手风琴效果附源码
Sep 21 Javascript
Bootstrap如何创建表单
Oct 21 Javascript
Vue中this.$router.push参数获取方法
Feb 27 Javascript
使用vuex较为优雅的实现一个购物车功能的示例代码
Dec 09 Javascript
解决vue项目获取dom元素宽高总是不准确问题
Jul 29 Javascript
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基础教程(php入门基础教程)一些code代码
2013/01/06 PHP
php cli 小技巧
2013/06/03 PHP
php一维二维数组键排序方法实例总结
2014/11/13 PHP
php官方微信接口大全(微信支付、微信红包、微信摇一摇、微信小店)
2015/12/21 PHP
利用php生成验证码
2017/02/23 PHP
Bootstrap轮播插件简单使用方法介绍
2016/06/21 Javascript
自学实现angularjs依赖注入
2016/12/20 Javascript
vue2.0数据双向绑定与表单bootstrap+vue组件
2017/02/27 Javascript
用JavaScript和jQuery实现瀑布流
2017/03/19 Javascript
Vue+Element使用富文本编辑器的示例代码
2017/08/14 Javascript
webpack4 + react 搭建多页面应用示例
2018/08/03 Javascript
JavaScript中set与get方法用法示例
2018/08/15 Javascript
从0到1构建vueSSR项目之路由的构建
2019/03/07 Javascript
小程序如何自主实现拦截器的示例代码
2019/11/04 Javascript
[05:46]DOTA2英雄梦之声_第18期_陈
2014/06/20 DOTA
Python内置函数bin() oct()等实现进制转换
2012/12/30 Python
python类和函数中使用静态变量的方法
2015/05/09 Python
python实现反转部分单向链表
2018/09/27 Python
浅谈python常用程序算法
2019/03/22 Python
opencv+pyQt5实现图片阈值编辑器/寻色块阈值利器
2020/11/13 Python
什么是CSS3 HSLA色彩模式?HSLA模拟渐变色条
2016/04/26 HTML / CSS
CSS3圆角边框和边界图片效果实例
2016/07/01 HTML / CSS
一个不错的HTML5 Canvas多层点击事件监听实例
2014/04/29 HTML / CSS
boostrap modal 闪现问题的解决方法
2020/09/01 HTML / CSS
STUBHUB日本:购买和出售全球活动门票
2018/07/01 全球购物
高中生毕业自我鉴定范文
2013/12/22 职场文书
《罗布泊,消逝的仙湖》教学反思
2014/03/01 职场文书
激情洋溢的毕业生就业求职信
2014/03/15 职场文书
母校寄语大全
2014/04/10 职场文书
工厂车间标语
2014/06/19 职场文书
化学教育专业求职信
2014/07/08 职场文书
2014年小学安全工作总结
2014/12/04 职场文书
元旦晚会开场白
2015/05/29 职场文书
蔬果开业典礼发言稿应该怎么写?
2019/09/03 职场文书
利用前端HTML+CSS+JS开发简单的TODOLIST功能(记事本)
2021/04/13 Javascript
sql字段解析器的实现示例
2021/06/23 SQL Server