Hallo zusammen mich beschäftigt folgendes Problem:
Ich möchte gerne an eine Tabelle ständig neue Zeilen anhängen können und habe dies über DOM und die entsprechende Knotenstruktur auch versucht. In diesem Beispiel versuche ich über eine append-Methode, die durch einen Button gestartet wird eine neue Tabellenzeile mit Zelle und Inhalt anzuhängen.
Das tut es aber nicht. Meine Fragen lauten nun:
- wieso geht es so nicht?
- geht so was überhaupt?
- und wenn ja, wie?
Ich möchte gerne an eine Tabelle ständig neue Zeilen anhängen können und habe dies über DOM und die entsprechende Knotenstruktur auch versucht. In diesem Beispiel versuche ich über eine append-Methode, die durch einen Button gestartet wird eine neue Tabellenzeile mit Zelle und Inhalt anzuhängen.
Das tut es aber nicht. Meine Fragen lauten nun:
- wieso geht es so nicht?
- geht so was überhaupt?
- und wenn ja, wie?
Code:
<head>
<script type=text/javascript>
function append()
{
var texNode = document.createTextNode(document.getElementById('tf1').value);
var newCol = document.createElement("td");
newCol.appendChild(texNode);
var newRow = document.createElement("tr");
newRow.appendChild(newCol);
document.getElementById('tab1').appendChild(newRow);
}
</script>
</head>
<body>
<table id="tab1" width="300" align="center" border="1">
<tr>
<td>eintrag 1</td>
</tr>
</table>
<input type="text" id="tf1"/>
<input type="button" onclick="append()" value="START"/>
</body>