Question

我正在动态地将3张图片（名为1.jpg，2.jpg，3jpg）加载到名为“div1”，“div2”和“div3”的3个div中。

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);
}

}

谢谢。

Answer 1

删除时，

document.getElementById(divName).removeChild(document.getElementById(oldImages));

removeChild采用DOM元素，而不是ID。

Answer 2

在你的删除中，“oldImages”只是一个字符串，上面写着“a1”或其他什么。 .removeChild的参数需要是一个实际的DOM元素。您需要再次找到它（使用document.getElementById或遍历div节点的子节点）或保留对image元素的引用。

如何在javascript中删除动态加载的图像

2 个答案: