Archief - JS: Probleem met creëren/verwijderen van dynamische elementen

Hallo iedereen,

ik heb een Javascript-probleempje, in een van mijn PHP-projecten heb ik een image gallery gemaakt die thumbs toont, deze thumbs zijn links die de onderstaande js-code uitvoeren. Het gewenste resultaat is dat de div "stage" wordt leeggemaakt en dat dan de beelden in groot formaat in het div "stage" worden getoond. Dit werkt bij het eerste beeld dat je aanklikt, bij het volgende beeld wordt echter enkel de "stage" leeggemaakt, bij de volgende dat je aanklikt werkt het weer prima. Iemand een idee waaraan dit kan liggen?

De links zien er volgt uit:

<a href="#" onclick="imgtostage('$imgurl[$j]');"><img class="thumb" src="$imgurl[$j]" onerror="this.src='img/img_error_sm.jpg';"></img></a>

JS-code:

function imgtostage(iurl) {

var node = document.getElementById("stage");
var len = node.childNodes.length;
for(var i = 0; i < len; i++) {
node.removeChild(node.childNodes);
}

var bigimg = document.createElement("img");
bigimg.setAttribute("src", iurl);
bigimg.setAttribute("class", "bigimg");
document.getElementById("stage").appendChild(bigimg);
var newline = document.createElement("br");
document.getElementById("stage").appendChild(newline);
var source = document.createElement("a");
source.setAttribute("href", iurl);
var srctext = document.createTextNode("Source:" + iurl);
source.appendChild(srctext);
document.getElementById("stage").appendChild(source);
}

Javascript blijkt niet direct mijn sterkste punt te zijn qua webontwikkeling

Alvast bedankt.

euh, die spaties in de js-code zijn niet origineel, maar ik krijg ze niet uit de post blijkbaar.