如何删除在JavaScript动态加载图片

StackOverflow https://stackoverflow.com/questions/2467056

  •  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节点的孩子），发现它还是保持周围的引用图像元素。

许可以下： CC-BY-SA 和 归因
不隶属于 StackOverflow
scroll top