So entfernen Sie dynamisch geladene Bilder in JavaScript
-
20-09-2019 - |
Frage
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.
Lösung
In entfernen,
document.getElementById(divName).removeChild(document.getElementById(oldImages));
removeChild
Nimmt ein DOM -Element, keine ID.
Andere Tipps
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.
Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow