Table deleteRow() Methode

HTML DOM Table-Objekt

Definition und Verwendung

deleteRow() Diese Methode löscht das Zeile an der angegebenen Indexposition aus dem Table.

Hinweis:Verwenden Sie insertRow() Erstellen und einfügen Sie neue Zeilen.

Siehe auch:

HTML-Referenzhandbuch:HTML <tr>-Tag

Beispiel

Beispiel 1

Löschen Sie die erste Zeile des Tables:

document.getElementById("myTable").deleteRow(0);

Probieren Sie es selbst aus

Beispiel 2

Löschen Sie die Zeile, die Sie angeklickt haben:

function deleteRow(r) {
  var i = r.parentNode.parentNode.rowIndex;
  document.getElementById("myTable").deleteRow(i);
}

Probieren Sie es selbst aus

Beispiel 3

Zeilen erstellen und löschen:

function myCreateFunction() {
  var table = document.getElementById("myTable");
  var row = table.insertRow(0);
  var cell1 = row.insertCell(0);
  var cell2 = row.insertCell(1);
  cell1.innerHTML = "NEUE ZELLE1";
  cell2.innerHTML = "NEUE ZELLE2";
}
function myDeleteFunction() {
  document.getElementById("myTable").deleteRow(0);
}

Probieren Sie es selbst aus

Syntax

tableObject.deleteRow(index)

Parameterwert

Parameter Beschreibung
index

Notwendig in Firefox und Opera, optional in IE, Chrome und Safari.

Ganze Zahl, die Position der zu löschenden Zeile (ab 0 beginnend) angibt.

Der Wert 0 führt zur Entfernung der ersten Zeile.

Man kann auch den Wert -1 verwenden, was zur Entfernung der letzten Zeile führt.

Falls dieser Parameter weggelassen wird, wird deleteRow() in IE das letzte Zeilen entfernen und in Chrome und Safari die erste Zeile entfernen.

Rückgabewert:

Kein Rückgabewert.

Browser-Unterstützung

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Unterstützung Unterstützung Unterstützung Unterstützung Unterstützung

HTML DOM Table-Objekt