Как удалить динамически загруженные изображения в JavaScript
-
20-09-2019 - |
Вопрос
Я загружаю в 3 изображения (название 1.JPG, 2.JPG, 3JPG) динамически до 3 DOV, называемых «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, а не идентификатор.
Другие советы
В вашем удалении «Oldimages» - это просто строка, говорящая «A1» или что -то еще. Параметр для .RemoveChild должен быть фактическим элементом DOM. Вам нужно либо найти его снова (с помощью document.getElementByID, либо пересекая детей девственного узла), либо сохранить ссылки на элемент изображения.
Не связан с StackOverflow