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

Question

"div1", "div2"및 "div3"이라는 3 개의 div에 동적으로 3 개의 이미지 (이름이 1.jpg, 2.jpg, 3jpg)가로드됩니다.

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는 DOM 요소 아닌 ID 걸린다.

Answer 2

제거시 "oldImages"는 "a1"또는 그 이상을 나타내는 문자열 일뿐입니다. .removeChild에 대한 매개 변수는 실제 DOM 요소 여야합니다. 다시 찾으려면 (document.getElementById를 사용하거나 div 노드의 하위 항목을 탐색하여) 이미지 요소에 대한 참조를 유지해야합니다. 제거에