Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten. Erfahre mehr über dieses Experiment.

View in English Always switch to English

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

index ist ein Ganzzahlwert, der die Zeile repräsentiert, die gelöscht werden soll. Der spezielle Index -1 kann jedoch verwendet werden, um die letzte Zeile einer Tabelle zu entfernen.

Rückgabewert

Keine (undefined).

Ausnahmen

IndexSizeError DOMException

Wird ausgelöst, wenn index größer oder gleich der Anzahl der verfügbaren Zeilen ist oder ein negativer Wert ist, der nicht -1 ist.

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

Browser-Kompatibilität

Siehe auch