la façon de supprimer les images chargées dynamiquement en javascript

Question

Je chargement en 3 images (nom 1.jpg, 2.jpg, 3jpg) dynamiquement 3 divs appelé "div1", "div2" et "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);
}

}

Cela fonctionne, mais la partie la suppression je ne peux pas sembler se rendre au travail ..

function removeImages() {

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

}

Merci.

Answer 1

supprimer,

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

removeChild prend un élément DOM, pas d'identifiant.

Answer 2

Dans votre déménagement, « oldImages » est juste une chaîne dire « a1 » ou autre chose. Le paramètre à .removeChild doit être un élément DOM réel. Vous devez soit trouver à nouveau (en utilisant document.getElementById ou en parcourant les enfants du noeud div) ou garder autour des références à l'élément d'image.