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 相关文章推荐
锋利的jQuery 要点归纳(二) jQuery中的DOM操作(下)
Mar 23 Javascript
JavaScript记录光标在编辑器中位置的实现方法
Apr 22 Javascript
微信小程序 location API实例详解
Oct 02 Javascript
微信小程序 教程之wxapp视图容器 scroll-view
Oct 19 Javascript
利用Plupload.js解决大文件上传问题, 带进度条和背景遮罩层
Mar 15 Javascript
jQuery封装placeholder效果实现方法,让低版本浏览器支持该效果
Jul 08 jQuery
JavaScript编写棋盘覆盖代码详解
Aug 28 Javascript
vue input 输入校验字母数字组合且长度小于30的实现代码
May 16 Javascript
JS加密插件CryptoJS实现的Base64加密示例
Aug 16 Javascript
vue-cli 2.*中导入公共less文件的方法步骤
Nov 22 Javascript
微信小程序实现获取小程序码和二维码java接口开发
Mar 29 Javascript
react国际化react-intl的使用
May 06 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语法(5)
2006/10/09 PHP
php下使用SimpleXML 处理XML 文件
2010/02/27 PHP
PHP统计目录下的文件总数及代码行数(去除注释及空行)
2011/01/17 PHP
php魔术变量用法实例详解
2014/11/13 PHP
PHP实现的简单异常处理类示例
2017/05/04 PHP
PHP命名空间与自动加载类详解
2018/09/04 PHP
php微信公众号开发之微信企业付款给个人
2018/10/04 PHP
JavaScript 学习 - 提高篇
2007/02/02 Javascript
js select常用操作控制代码
2010/03/16 Javascript
Jquery css函数用法(判断标签是否拥有某属性)
2011/05/28 Javascript
html超链接打开窗口大小的方法
2013/03/05 Javascript
使用javascript创建快捷方式的简单实例
2013/08/09 Javascript
Jquery修改页面标题title其它JS失效的解决方法
2014/10/31 Javascript
jQuery实现图片轮播特效代码分享
2015/09/15 Javascript
基于js里调用函数时,函数名带括号和不带括号的区别
2016/07/28 Javascript
利用JQuery直接调用asp.net后台的简单方法
2016/10/27 Javascript
javascript中对象的定义、使用以及对象和原型链操作小结
2016/12/14 Javascript
React Native时间转换格式工具类分享
2017/10/24 Javascript
前端MVVM框架解析之双向绑定
2018/01/24 Javascript
vue-cli脚手架的安装教程图解
2018/09/02 Javascript
Python排序搜索基本算法之冒泡排序实例分析
2017/12/09 Python
python3.5+tesseract+adb实现西瓜视频或头脑王者辅助答题
2018/01/17 Python
python实现随机调用一个浏览器打开网页
2018/04/21 Python
Flask框架Flask-Login用法分析
2018/07/23 Python
python之消除前缀重命名的方法
2018/10/21 Python
python 使用while写猜年龄小游戏过程解析
2019/10/07 Python
借助Paramiko通过Python实现linux远程登陆及sftp的操作
2020/03/16 Python
CSS3实现菜单悬停效果
2020/11/17 HTML / CSS
美国高级工作服品牌:Carhartt
2018/01/25 全球购物
德国受欢迎的旅游和休闲网站:lastminute.de
2019/09/23 全球购物
什么是java序列化,如何实现java序列化
2012/11/14 面试题
介绍一下linux文件系统分配策略
2013/02/25 面试题
物业保安员岗位职责
2014/03/14 职场文书
《新型玻璃》教学反思
2014/04/13 职场文书
新学期感想
2015/08/10 职场文书
vue项目配置sass及引入外部scss文件
2022/04/14 Vue.js