0

我正在将 3 个图像（名为 1.jpg、2.jpg、3jpg）动态加载到 3 个名为“div1”、“div2”和“div3”的 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);
}

}

谢谢你。

4

2 回答 2

2

在删除，

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

removeChild接受一个 DOM 元素，而不是一个 ID。

于 2010-03-18T01:30:22.083 回答
0

在您的删除中，“oldImages”只是一个表示“a1”或其他内容的字符串。.removeChild 的参数需要是一个实际的 DOM 元素。您需要再次找到它（使用 document.getElementById 或通过遍历 div 节点的子节点）或保留对图像元素的引用。

于 2010-03-18T01:29:01.620 回答