js使用removeChild方法动态删除div元素_javascript技巧
程序员文章站
2022-04-22 14:25:19
...
在做用户查找时 因为要把查找的结果动态加载和显示,所以,那些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); }
下一篇: Vue 实现树形视图数据功能
推荐阅读
-
原生JS和JQuery动态添加、删除表格行的方法_javascript技巧
-
js动态删除div元素基本思路及实现代码_javascript技巧
-
JS实现从表格中动态删除指定行的方法_javascript技巧
-
js加载之使用DOM方法动态加载Javascript文件_javascript技巧
-
js与jquery获取父元素,删除子元素的两种不同方法_javascript技巧
-
js动态删除div元素基本思路及实现代码_javascript技巧
-
JS动态创建元素的两种方法_javascript技巧
-
原生JS和JQuery动态添加、删除表格行的方法_javascript技巧
-
JS使用oumousemove和oumouseout动态改变图片显示的方法_javascript技巧
-
JS动态创建元素的两种方法_javascript技巧