Javascript-Methode insertRow()


  Übersetzungsergebnisse:

英 [inˈsə:t rəu] US [ɪnˈsɚt ro]

[Berechnung] Zeile einfügen

Javascript-Methode insertRow()Syntax

Funktion: Wird verwendet, um eine neue Zeile an der angegebenen Position in der Tabelle einzufügen.

Syntax: tableObject.insertRow(index)

Rückgabe: Gibt eine TableRow zurück, die die neu eingefügte Zeile darstellt.

Beschreibung: Diese Methode erstellt ein neues TableRow-Objekt, das ein neues <tr>-Tag darstellt, und fügt es an der angegebenen Position in die Tabelle ein. Die neue Zeile wird vor der Zeile am Index eingefügt. Wenn der Index gleich der Anzahl der Zeilen in der Tabelle ist, werden neue Zeilen am Ende der Tabelle angehängt. Wenn die Tabelle leer ist, wird die neue Zeile in einen neuen <tbody>-Abschnitt eingefügt, der wiederum in die Tabelle eingefügt wird.

Hinweis: Sie können die Methode TableRow.insertCell() verwenden, um Inhalte zu neu erstellten Zeilen hinzuzufügen.

Javascript-Methode insertRow()Beispiel

<html>
<head>
<script type="text/javascript">
function insRow()
  {
  document.getElementById('myTable').insertRow(0)
  }
</script>
</head>

<body>
<table id="myTable" border="1">
<tr>
<td>Row1 cell1</td>
<td>Row1 cell2</td>
</tr>
<tr>
<td>Row2 cell1</td>
<td>Row2 cell2</td>
</tr>
</table>
<br />
<input type="button" onclick="insRow()"
value="Insert new row">

</body>
</html>

Instanz ausführen »

Klicken Sie auf die Schaltfläche „Instanz ausführen“, um die Online-Instanz anzuzeigen

Heim

Videos

Fragen und Antworten