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 deleteRow()-Methode des HTMLTableElement-Interfaces entfernt eine spezifische Zeile (<tr>) aus einer gegebenen <table>.

Syntax

js
deleteRow(index)

Parameter

index

Der Index der zu entfernenden Zeile in der rows-Sammlung. Wenn index -1 ist, wird die letzte Zeile entfernt.

Rückgabewert

Keiner (undefined).

Ausnahmen

IndexSizeError DOMException

Wird ausgelöst, wenn index größer oder gleich der Anzahl der Zeilen oder kleiner als -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
const table = document.querySelector("table");

// Delete second row
table.deleteRow(1);

Ergebnis

Spezifikationen

Spezifikation
HTML
# dom-table-deleterow-dev

Browser-Kompatibilität

Siehe auch