2 Probleme mit DHTML

[blueboy]

Hallo!

Ich hab da so meine Probleme mit dynamischem Html:
Ich benutze die DHTML-Bibliothek (daher der Befehl getElem)

array = new Array("Bogenschuetzen", "Laufen", "Eisstock");
var dynamisch =getElem("id", "dynamisch", "null")

for(i=0; i<array.length; i++) {
         var zeile=document.createElement("div");
         var text=document.createTextNode(array[i]);
         var id=document.createAttribute("id");
         id.nodeValue = array[i];
         zeile.appendChild(text);
         zeile.appendChild(id);
         dynamisch.appendChild(zeile);
         getElem("id", array[i], "null").addEventListener("click", meldung, true);
} //for

Warum funktioniert das nicht?
Ich bekomme in der Zeile zeile.appendChild(id) den Fehler "Schnittstelle nicht unterstützt" (IE6) oder Error: uncaught exception: [Exception... "Node cannot be inserted at the specified point in the hierarchy"  code: "3" nsresult: "0x80530003 (NS_ERROR_DOM_HIERARCHY_REQUEST_ERR)"  location: "file:functions.js Line: 29"] beim Firefox 1.0.1!

2. Problem:
Ich lösche vorher alle Knoten aus dem Bereich dynamisch:
for(i=0; i<dynamisch.childNodes.length; i++) {
dynamisch.removeChild(dynamisch.firstChild);
}//for
Beim 1. und 2. mal neu füllen kommt immer eine Zeile dazu, ab dem 3. mal bleibens dann 5 (obwohl es nur 3 sein sollen, siehe oben)

Was tun?