如何删除在JavaScript动态加载图片
-
20-09-2019 - |
题
我加载在3幅图像(命名为1.JPG,2.JPG,3jpg)动态至3周的div称为 “DIV1”, “DIV2” 和 “DIV3”。
function loadImages() {
for (var i = 1; i < 3; i++ ) {
var img = document.createElement("img");
img.src = "vegetables/"+i+".jpg";
img.id = "a"+i+"";
var divName = "div"+i+"";
document.getElementById(divName).appendChild(img);
}
}
这是工作,但去除的部分,我似乎无法去上班..
function removeImages() {
for (var i = 1; i < 3; i++ ) {
var oldImages = "a"+i+"";
var divName = "div"+i+"";
document.getElementById(divName).removeChild(oldImages);
}
}
感谢您。
解决方案
在捞出,
document.getElementById(divName).removeChild(document.getElementById(oldImages));
removeChild
需要DOM元素,而不是一个ID。
其他提示
在您的删除,“oldImages”只是一个字符串说“A1”或什么的。到.removeChild参数必须是一个实际的DOM元素。您需要再次要么(使用的document.getElementById或者通过遍历DIV节点的孩子),发现它还是保持周围的引用图像元素。
不隶属于 StackOverflow