Beispiel
Löscht die erste cell(s) aus einer Tabellenzeile mit id = „myRow“:
var row = document.getElementById("myRow");
row.deleteCell(0);
Versuch es selber " Definition und Verwendung
Die deleteCell() Methode löscht eine Zelle in der aktuellen Tabellenzeile.
Tipp: Verwenden Sie die insertCell() Verfahren zur Herstellung einer Zelle in der aktuellen Tabellenzeile zu löschen.
Browser-Unterstützung
| Methode | |||||
|---|---|---|---|---|---|
| deleteCell() | Ja | Ja | Ja | Ja | Ja |
Syntax
tablerowObject .deleteCell( Parameterwerte Wert Beschreibung index Erforderlich in Firefox und Opera, optional in IE, Chrome und Safari. Eine ganze Zahl (starts at 0) , die die Position der Zelle in der aktuellen Zeile löschen angibt. Der Wert von 0 führt dazu, dass die erste Zelle gelöscht. Der Wert von -1 kann auch verwendet werden; die zur Folge hat, dass die letzte Zelle gelöscht.
Wenn dieser Parameter weggelassen wird, deleteCell() entfernt die letzte Zelle in IE und die erste Zelle in Chrome und Safari.
Dieser Parameter ist erforderlich in Firefox und Opera, aber optional in Internet Explorer, Chrome und Safari.
Technische Details
Rückgabewert: Kein Rückgabewert.
Mehr Beispiele
Beispiel
Löscht die letzte cell(s) aus der Tabelle einer Reihe mit id = „myRow“:
var row = document.getElementById("myRow");
row.deleteCell(-1);
Versuch es selber "
Beispiel
Löscht cell(s) aus der Indexposition 1 in einer Tabellenzeile mit id = „myRow“:
var row = document.getElementById("myRow");
row.deleteCell(1);
Versuch es selber "
Beispiel
Löschen cell(s) am Anfang der ersten Tabellenzeile. Die Tabellenzeilen Sammlung (.rows[0]) gibt eine Auflistung aller <tr> Elemente in der Tabelle mit der ID "myTable" . Die Nummer [0] gibt an das Element zurückzuholen, in diesem Beispiel der erste Tabellenzeile. Dann benutzen wir deleteCell() Zellen aus Indexposition zu löschen 0:
var firstRow = document.getElementById("myTable").rows[0];
firstRow.deleteCell(0); Versuch es selber "
Beispiel
Einfügen eines neue cell(s) mit dem Inhalt zu Beginn einer Tabellenzeile mit id = „myRow“:
var row = document.getElementById("myRow");
var x = row.insertCell(0);
x.innerHTML = "New cell"; Versuch es selber "
<TableRow Object