자바 스크립트에서 동적으로로드 된 이미지를 제거하는 방법

Question

3 개의 이미지 (1.jpg, 2.jpg, 3jpg)로 "div1", "div2"및 "div3"이라고하는 3 개의 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);
}

}

고맙습니다.

Answer 1

제거에서

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

removeChild ID가 아닌 DOM 요소를 취합니다.

Answer 2

제거 할 때 "OldImages"는 "A1"또는 무엇이든 말하는 문자열 일뿐입니다. .removechild에 대한 매개 변수는 실제 DOM 요소 여야합니다. 다시 찾아야합니다 (문서를 사용하거나 DIV 노드의 어린이를 가로 지르면)이 이미지 요소에 대한 참조를 유지해야합니다.