André Mantz: Zeile in Tabelle einfügen

Hallo,

ich möchte in eine bestehende Tabelle eine Zeile ein- oder anfügen.
Weder mit appendChild noch mit insertBefore gelingt mir dies.

Hier eine kleine Beispieldatei:

<html><head><title>Test</title></head>
<body>

<table id="abteilungen">
  <tr>
   <td>1. Zeile</td>
  </tr>
  <tr id="zeile2">
   <td>2. Zeile</td>
  </tr>
</table>

<script language="javascript" type="text/javascript">
<!--
var Zeile = document.createElement("tr");
var Spalte = document.createElement("td");
var SpalteText = document.createTextNode("Neue Zeile");
Spalte.appendChild(SpalteText);
Zeile.appendChild(Spalte);
document.getElementById("abteilungen").insertBefore(Zeile, document.getElementById("zeile2"));
//-->
</script>

</body></html>

Wenn ich es mit insertBefore so wie im Beispiel versuche, dann bringt mir IE eine Fehlermeldung 'ungültiges Argument'. Wenn ich es mit appendChild versuche passiert gar nix, nicht mal eine Fehlermeldung.

Wer kann mir sagen, wo der Fehler ist bzw. wie ich Zeilen in Tabellen einfügen kann?

Danke für Eure Hilfe,

André

  1. Hallo,

    Wer kann mir sagen, wo der Fehler ist bzw. wie ich Zeilen in Tabellen einfügen kann?

    tr-Elemente sind Kindelemente von tbody.

    MfG, Thomas