TableRow deleteCell() Methode

HTML DOM TableRow-Objekt

Definition und Verwendung

deleteCell() Diese Methode löscht eine Zelle in der aktuellen Tabellenzeile.

Hinweis:Verwenden Sie insertCell() Methode Fügen Sie eine Zelle in der aktuellen Tabellenzeile ein.

Siehe auch:

HTML-Referenzhandbuch:HTML <tr>-Tag

Beispiel

Beispiel 1

Löschen Sie die erste Zelle aus der Tabellezeile mit id="myRow":

var row = document.getElementById("myRow");
row.deleteCell(0);

Versuchen Sie es selbst

Beispiel 2

Löschen Sie die letzte Zelle aus der Tabellezeile mit id="myRow":

var row = document.getElementById("myRow");
row.deleteCell(-1);

Versuchen Sie es selbst

Beispiel 3

Löschen Sie die Zelle an der Indexposition 1 aus der Tabellezeile mit id="myRow":

var row = document.getElementById("myRow");
row.deleteCell(1);

Versuchen Sie es selbst

Beispiel 4

Löschen Sie die Zelle am Anfang der ersten Tabellenzeile.

Die rows-Kolektion der Tabelle (.rows[0]) gibt die Sammlung aller <tr>-Elemente der Tabelle mit dem id "myTable" zurück. Die Zahl [0] bestimmt das abzurufende Element, im vorliegenden Beispiel ist es die erste Tabellenzeile.

Dann verwenden wir deleteCell() zum Löschen der Zelle an der Indexposition 0:

var firstRow = document.getElementById("myTable").rows[0];
firstRow.deleteCell(0);

Versuchen Sie es selbst

Beispiel 5

Fügen Sie am Anfang der Tabellezeile mit id="myRow" eine neue Zelle mit Inhalt hinzu:

var row = document.getElementById("myRow");
var x = row.insertCell(0);
x.innerHTML = "neue Zelle";

Versuchen Sie es selbst

Syntax

tablerowObject.deleteCell(index)
Parameter Beschreibung
index

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

Ganze Zahl (beginnend mit 0), die die Position der zu löschenden Zelle in der aktuellen Zeile festlegt.

Wert 0 führt dazu, dass die erste Zelle gelöscht wird. Es kann auch der Wert -1 verwendet werden, was zur Löschung der letzten Zelle führt.

Falls dieser Parameter weggelassen wird, wird deleteCell() die letzte Zelle in IE und die erste Zelle in Chrome und Safari löschen.

Technische Details

Rückgabewert:

Kein Rückgabewert.

Browserkompatibilität

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

HTML DOM TableRow-Objekt