js动态删除div元素基本思路及实现代码

157 阅读 0 评论 104 点赞

我是靠谱客的博主满意鱼，最近开发中收集的这篇文章主要介绍js动态删除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); 
} 