dynamisch erzeugtes treeview

[Mambo]

Hallo, ich komme nicht mehr weiter, daher frage ich hier um rat.

in meiner html-datei steht ein div (id="tree").

ich möchte in einer JS-Schleife folgendes machen:

Schritt 1:
erzeuge ein div(id="id_1") und hänge es an div("tree")

2ter Schleifendurchlauf:
finde das div(id="id_1") und hänge weiteres div(id="id_2") an das div(id="id_1).

An das "feste" div(id="tree") aus der html file werden die dynamisch erzeugten divs problemlos angehangen.
die divs die ich jedoch in der schleife erst erzeuge, werden zwar gefunden, aber es kann da leider nichts angehangen werden.

Hat jemand eine Idee wie ich das Problem beheben kann?

Ich vermute mal, ich muss erst alle div-Elemente erzeugen und aneinander hängen und dann erst an das tree-div hängen?

Bsp:

var IDarray = new Array("tree", "id_1", "id_2");

for(var i=0; i<3; i++){
var toAppend = document.getElementById(IDarray[i]);
var ele = document.createElement("div");
ele.setAttribute("id", IDarray[i]+"x");

toAppend.appendChild(ele);
}

hierbei würde das erste div an das div-tree angegangen werden, aber an das div-id_1 würde eben NICHT das div-id_2 angehangen...

danke für hilfe!