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

我将3个图像（名为1.jpg、2.jpg、3jpg）动态加载到3个div中，分别称为“div1”、“div2”和“div3”

函数loadImages（）{
对于（变量i=1；i<3；i++）{
var img=document.createElement（“img”）；
img.src=“蔬菜/”+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);
}

}

函数removeImages（）{
对于（变量i=1；i<3；i++）{
var oldImages=“a”+i+”；
var divName=“div”+i+”；
document.getElementById（divName）.removeChild（oldImages）；
}
}

谢谢。

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

在remove中

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

---

removeChild

采用DOM元素，而不是ID。

我不知道是谁在这里降低了排名，但Ben是对的。只是恢复顺序…您考虑过使用JQuery或任何其他javascript库吗？他们让操作DOM变得容易多了。是的，我在这方面还是有点麻烦。。有专门的插件吗？你能把我链接到相关页面吗？谢谢

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