innerHTML Textfeld auslesen erfolgt ohne Werte

[darkangel012]

Hallo, ich habe folgendes Problem:
Ich habe ein Formular mit einem Textfeld, da würde ich jetzt gerne jeweils auf Knopdruck zusätzliche Textfelder einblenden.

Mach ich momentan folgendermaßen:

function addNewBandRow(){
        var el = document.getElementById("bandcell");
        el.innerHTML = el.innerHTML+'\n<br><input type="text" name="newband'+counter+'"  size="60" id="bandSearch'+counter+'" >';
        counter++;
}

Ich lese also innerHTML aus und setz das neue Textfeld einfach dahinter.
Soweit funktioniert das auch, aber wenn ich das auf die Art und Weise mache werden die Werte in den Textfeldern jedesmal gelöscht wenn ich ein neues Feld erstelle.

Wie kann ich das ganze jetzt so umsetzen, dass die Werte erhalten bleiben beim einfügen von neuen Feldern?
Ich nehm an innerHTML ist dafür der falsche Befehl und es gibt nen anderen der das gleiche macht und nur die Werte mit ausliest?

 

[Bratkartoffel]

Hi,

dafür kannst du zum Beispiel mit den nodes arbeiten;

Nodes bei selfhtml

Im besonderen halt entweder

appendChild() oder
appendData()

Gruß
BK

 

[darkangel012]

okay das geht, aber wenn ich einfach text ausgeb escaped der mir ja < > usw.
muss ich dass dann alles über createElement machen? oder kann ich da auch irgendwie direkt html ausgeben?