yokel: Neue Zeilen in einer Tabelle anhängen

Beitrag lesen

SELF-Forum

Neue Zeilen in einer Tabelle anhängen

yokel
– Informationen zu den Bewertungsregeln

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?

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>
      <br/>
      <input type="text" id="tf1"/>
      <input type="button" onclick="append()" value="START"/>
   </body>

Beitrag melden
–
Informationen zu den Bewertungsregeln