js使用removeChild方法动态删除div元素

 更新时间:2014年08月01日 15:32:44   投稿:whsnow  
本节为大家介绍了js使用removeChild方法动态删除div元素,需要的朋友可以参考下

在做用户查找时 因为要把查找的结果动态加载和显示,所以,那些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); 
}

相关文章

  • JS创建Tag标签的方法详解

    JS创建Tag标签的方法详解

    这篇文章主要介绍了JS创建Tag标签的方法,结合具体实例形式分析了javascript动态操作页面HTML元素实现tag标签功能的步骤与相关操作技巧,需要的朋友可以参考下
    2017-06-06
  • js实现WebSocket 连接的示例代码

    js实现WebSocket 连接的示例代码

    本文主要介绍了js实现WebSocket 连接的示例代码,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2024-05-05
  • 微信小程序如何获取用户手机号

    微信小程序如何获取用户手机号

    这篇文章主要为大家详细介绍了微信小程序如何获取用户手机号,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-01-01
  • js 实现 list转换成tree的方法示例(数组到树)

    js 实现 list转换成tree的方法示例(数组到树)

    这篇文章主要介绍了js 实现 list转换成tree的方法示例(数组到树),文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-08-08
  • Openlayers实现点闪烁扩散效果

    Openlayers实现点闪烁扩散效果

    这篇文章主要为大家详细介绍了Openlayers实现点闪烁扩散效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-09-09
  • layUI实现前端分页和后端分页

    layUI实现前端分页和后端分页

    这篇文章主要为大家详细介绍了layUI实现前端分页和后端分页,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-07-07
  • Javascript如何实现双指控制图片功能

    Javascript如何实现双指控制图片功能

    这篇文章主要介绍了Javascript如何实现双指控制图片功能,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-02-02
  • JavaScript获取当前网页最后修改时间的方法

    JavaScript获取当前网页最后修改时间的方法

    这篇文章主要介绍了JavaScript获取当前网页最后修改时间的方法,涉及javascript中document.lastModified属性的使用技巧,需要的朋友可以参考下
    2015-04-04
  • 浅析location.href跨窗口调用函数

    浅析location.href跨窗口调用函数

    本文详细介绍了location.href跨窗口调用函数,具体的使用方法及实例,有需要的朋友可以参考下
    2016-11-11
  • 基于iScroll实现下拉刷新和上滑加载效果

    基于iScroll实现下拉刷新和上滑加载效果

    这篇文章主要为大家详细介绍了基于iScroll实现下拉刷新和上滑加载效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-07-07

最新评论