vue 之 ele动态删除dom节点
程序员文章站
2024-01-03 13:54:58
...
vue 之 ele动态删除dom节点
- 比如上传失败的时候,由于ele之中的dom节点已经加载上去了。这时候需要获取到最后上传的dom节点去删除掉
完全删除子dom节点
let dom = document.querySelector(".el-upload-list");
let donChildObj = dom.childNodes;
for (var i = donChildObj.length - 1; i >= 0; i--) {
// 一定要倒序删除dom子节点
dom.removeChild(donChildObj[i]);
}
删除最后一个dom节点
let dom = document.querySelector(".el-upload-list")
let donChildObj = dom.childNodes;
dom.removeChild(donChildObj[donChildObj.length - 1]);
this.uploadAllFile.pop();
推荐阅读
-
vue 之 ele动态删除dom节点
-
angular动态删除ng-repaeat添加的dom节点的方法
-
基于DOM节点删除之empty和remove的区别(详解)
-
JavaScript之DOM插入更新删除_动力节点Java学院整理
-
angular动态删除ng-repaeat添加的dom节点的方法
-
基于DOM节点删除之empty和remove的区别(详解)
-
jQuery的DOM操作之删除节点示例_jquery
-
IE之动态添加DOM节点触发window.resize事件_javascript技巧
-
JavaScript 高级篇之DOM文档,简单封装及调用、动态添加、删除样式(六)_基础知识
-
jQuery的DOM操作之删除节点示例_jquery