So entfernen Sie dynamisch geladene Bilder in JavaScript

Question

Ich lade in 3 Bildern (namens 1.JPG, 2.JPG, 3JPG) dynamisch zu 3 Divs, die als "Div1", "Div2" und "Div3" bezeichnet werden.

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

}

Das funktioniert, aber der Entfernungsteil kann ich nicht an die Arbeit gehen.

function removeImages() {

for (var i = 1; i < 3; i++ ) {
    var oldImages = "a"+i+"";  
    var divName = "div"+i+"";
    document.getElementById(divName).removeChild(oldImages);
}

}

Vielen Dank.

Answer 1

In entfernen,

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

removeChild Nimmt ein DOM -Element, keine ID.

Answer 2

In Ihrer Entfernung ist "Oldimages" nur eine Zeichenfolge, die "A1" oder was auch immer sagt. Der Parameter zu .removechild muss ein tatsächliches DOM -Element sein. Sie müssen es entweder erneut finden (mit Dokument.GetElementById oder durch Überqueren der Kinder des Div -Knotens) oder die Referenzen auf das Bildelement aufbewahren.