I'm new to DOM and I'm having trouble removing multiple images that I loaded

this loads 7 images (1.jpg, 2.jpg, etc..)

function loadImages() {

    for (var i = 1; i < 8; i++ ) { 
        var img = document.createElement("img"); 
        img.src = "images/"+i+".jpg";
        var idName = "img"+i+"";
        document.getElementById(idName).appendChild(img);
    }
}

this should remove all of them, but doesn't.. I think it breaks at the removeChild line.

function removeImages() {   

    for (var i = 1; i < 8; i++ ) { 
        var idName = "img"+i+"";
        var d = document.getElementById(idName);
        d.removeChild(document.getElementById(img));
    }
}

I think I'm doing something fundamentally wrong, because I don't fully understand how this works...