TableRow deleteCell() Methode
Beispiel
Löschen Sie die erste(n) Zelle(n) einer Tabellenzeile mit id="myRow":
var row = document.getElementById("myRow");
row.deleteCell(0);
Definition und Verwendung
Die Methode deleteCell() löscht eine Zelle in der aktuellen Tabellenzeile.
Tipp: Verwenden Sie die Methode insertCell() , um eine Zelle in die aktuelle Tabellenzeile einzufügen.
Browser-Unterstützung
Method | |||||
---|---|---|---|---|---|
deleteCell() | Yes | Yes | Yes | Yes | Yes |
Syntax
tablerowObject.deleteCell(index)
Parameterwerte
Value | Description |
---|---|
index | Required in Firefox and Opera, optional in IE, Chrome and Safari. An integer (starts at 0) that specifies the position of the cell to delete in the current row. The value of 0 results in that the first cell will be deleted. The value of -1 can also be used; which result in that the last cell will be deleted. If this parameter is omitted, deleteCell() removes the last cell in IE and the first cell in Chrome and Safari. This parameter is required in Firefox and Opera, but optional in Internet Explorer, Chrome and Safari. |
Technische Details
Rückgabewert: | Kein Rückgabewert. |
---|
Mehr Beispiele
Beispiel
Löschen Sie die letzte(n) Zelle(n) aus einer Tabellenzeile mit id="myRow":
var row = document.getElementById("myRow");
row.deleteCell(-1);
Beispiel
Zelle(n) von der Indexposition 1 in einer Tabellenzeile mit id="myRow" löschen:
var row = document.getElementById("myRow");
row.deleteCell(1);
Beispiel
Zelle(n) am Anfang der ersten Tabellenzeile löschen. Die Sammlung der Tabellenzeilen (.rows[0]) gibt eine Sammlung aller <tr>-Elemente in der Tabelle mit der ID „myTable“ zurück. Die Zahl [0] gibt das abzurufende Element an, in diesem Beispiel die erste Tabellenzeile. Dann verwenden wir deleteCell(), um Zellen ab Indexposition 0 zu löschen:
var firstRow = document.getElementById("myTable").rows[0];
firstRow.deleteCell(0);
Beispiel
Neue Zelle(n) mit Inhalt am Anfang einer Tabellenzeile mit id="myRow" einfügen:
var row = document.getElementById("myRow");
var x = row.insertCell(0);
x.innerHTML = "New cell";
❮ TableRow-Objekt