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

时间:2022-10-08 10:23:56

在做用户查找时 因为要把查找的结果动态加载和显示,所以,那些html元素要由Ajax动态生成。用户打开查找界面时,有系统推荐的用户,而当用户按条件查找后,查找的结果动态加载和显示。所以考虑到用js来搞。 这个for循环就是移除已有的表单。然后根据Ajax请求过来的数据,动态生成新的表单对象。一定要注意j变量从大往小循环,否则,删除div元素后会引起serchResultLenth=serchResult.children.length;长度的变化(这个问题摸索了好久,才搞定,切记)

?
1
2
3
4
for(var j=serchResultLenth-1;j>=0;j--){
var serchChild=document.getElementById(serchResult.children[j].id);
serchResult.removeChild(serchChild);
}