HTMLTableElement: deleteRow() Methode
Baseline
Weitgehend verfügbar
Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit Juli 2015 browserübergreifend verfügbar.
Die HTMLTableElement.deleteRow()-Methode entfernt eine bestimmte Zeile (<tr>) aus einer gegebenen <table>.
Syntax
js
deleteRow(index)
Parameter
index-
indexist ein Ganzzahlwert, der die Zeile repräsentiert, die gelöscht werden soll. Der spezielle Index-1kann jedoch verwendet werden, um die letzte Zeile einer Tabelle zu entfernen.
Rückgabewert
Keine (undefined).
Ausnahmen
IndexSizeErrorDOMException-
Wird ausgelöst, wenn
indexgrößer oder gleich der Anzahl der verfügbaren Zeilen ist oder ein negativer Wert ist, der nicht-1ist.
Beispiele
Dieses Beispiel verwendet JavaScript, um die zweite Zeile einer Tabelle zu löschen.
HTML
html
<table>
<tbody>
<tr>
<td>Cell 1.1</td>
<td>Cell 1.2</td>
<td>Cell 1.3</td>
</tr>
<tr>
<td>Cell 2.1</td>
<td>Cell 2.2</td>
<td>Cell 2.3</td>
</tr>
<tr>
<td>Cell 3.1</td>
<td>Cell 3.2</td>
<td>Cell 3.3</td>
</tr>
</tbody>
</table>
JavaScript
js
let table = document.querySelector("table");
// Delete second row
table.deleteRow(1);
Ergebnis
Spezifikationen
| Spezifikation |
|---|
| HTML> # dom-table-deleterow-dev> |