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

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。