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技巧大放送 学习jquery的朋友可以看下
Oct 14 Javascript
实现JavaScript中继承的三种方式
Oct 16 Javascript
jquery select(列表)的操作(取值/赋值)
Mar 16 Javascript
js的压缩及jquery压缩探讨(提高页面加载性能/保护劳动成果)
Jan 29 Javascript
jquery快捷动态绑定键盘事件的操作函数代码
Oct 17 Javascript
ExtJS4 表格的嵌套 rowExpander应用
May 02 Javascript
js中unicode转码方法详解
Oct 09 Javascript
js 连续赋值的简单实现
Jun 13 Javascript
Javascript之图片的延迟加载的实例详解
Jul 24 Javascript
JavaScript与Java正则表达式写法的区别介绍
Aug 15 Javascript
angular 数据绑定之[]和{{}}的区别
Sep 25 Javascript
小程序获取当前位置加搜索附近热门小区及商区的方法
Apr 08 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
支持生僻字且自动识别utf-8编码的php汉字转拼音类
2014/06/27 PHP
PHP中使用虚代理实现延迟加载技术
2014/11/05 PHP
浅谈php中变量的数据类型判断函数
2017/03/04 PHP
PHP连接MySQL数据库并以json格式输出
2018/05/21 PHP
input 和 textarea 输入框最大文字限制的jquery插件
2011/10/27 Javascript
常见效果实现之返回顶部(结合淡入、淡出、减速滚动)
2012/01/04 Javascript
JavaScript 获取任一float型小数点后两位的小数
2014/06/30 Javascript
node.js中的fs.lstat方法使用说明
2014/12/16 Javascript
js计算系统当前日期是星期几的方法
2016/07/14 Javascript
javascript如何创建对象
2016/08/29 Javascript
bootstrap表单示例代码分享
2017/05/18 Javascript
javascript 数据存储的常用函数总结
2017/06/01 Javascript
40行代码把Vue3的响应式集成进React做状态管理
2020/05/20 Javascript
通过angular CDK实现页面元素拖放的步骤详解
2020/07/01 Javascript
python中二维阵列的变换实例
2014/10/09 Python
Python中生成Epoch的方法
2017/04/26 Python
Python使用sorted排序的方法小结
2017/07/28 Python
Python字典操作详细介绍及字典内建方法分享
2018/01/04 Python
PyTorch搭建多项式回归模型(三)
2019/05/22 Python
PyCharm 创建指定版本的 Django(超详图解教程)
2019/06/18 Python
Python装饰器实现方法及应用场景详解
2020/03/26 Python
python opencv进行图像拼接
2020/03/27 Python
Python3读取和写入excel表格数据的示例代码
2020/06/09 Python
python程序如何进行保存
2020/07/03 Python
HTML5 语音搜索(淘宝店语音搜素)
2013/01/03 HTML / CSS
幼儿园教师教学反思
2014/02/06 职场文书
领导班子“四风问题”“整改方案
2014/10/02 职场文书
2014年行政部工作总结
2014/11/19 职场文书
单位婚育证明范本
2014/11/21 职场文书
写给医院的感谢信
2015/01/22 职场文书
放射科岗位职责
2015/02/14 职场文书
食堂采购员岗位职责
2015/04/03 职场文书
安全守法证明
2015/06/23 职场文书
2015入党自传书范文
2015/06/26 职场文书
解决Nginx 配置 proxy_pass 后 返回404问题
2021/03/31 Servers
CSS3实现360度循环旋转功能
2022/02/12 HTML / CSS