TableRow insertCell() Methode
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";
Definition und Verwendung
Die Methode insertCell() fügt eine Zelle in die aktuelle Zeile ein.
Tipp: Verwenden Sie die Methode deleteCell() , um eine Zelle in der aktuellen Tabellenzeile zu löschen.
Browser-Unterstützung
Method | |||||
---|---|---|---|---|---|
insertCell() | Yes | Yes | Yes | Yes | Yes |
Syntax
tablerowObject.insertCell(index)
Parameterwerte
Value | Description |
---|---|
index | Required in Firefox and Opera, optional in IE, Chrome and Safari. A number (starts at 0) that specifies the position of the new cell in the current row. The value of 0 results in that the new cell will be inserted at the first position. The value of -1 can also be used; which results in that the new cell will be inserted at the last position. If this parameter is omitted, insertCell() inserts the new cell at the last position in IE and at the first position in Chrome and Safari. This parameter is required in Firefox and Opera, but optional in Internet Explorer, Chrome and Safari. |
Technische Details
Rückgabewert: | Das eingefügte Zellenelement |
---|
Mehr Beispiele
Beispiel
Neue Zelle(n) mit Inhalt am Ende einer Tabellenzeile mit id="myRow" einfügen:
var row = document.getElementById("myRow");
var x = row.insertCell(-1);
x.innerHTML = "New cell";
Beispiel
Neue Zelle(n) mit Inhalt an Indexposition 2 einer Tabellenzeile mit id="myRow" einfügen:
var row = document.getElementById("myRow");
var x = row.insertCell(2);
x.innerHTML = "New cell";
Beispiel
Neue Zelle(n) am Anfang der ersten Tabellenzeile einfügen. 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 insertcell(), um neue Zelle(n) an Indexposition -1 einzufügen:
var firstRow = document.getElementById("myTable").rows[0];
var x = firstRow.insertCell(-1);
x.innerHTML = "New cell";
Beispiel
Löschen Sie die erste(n) Zelle(n) einer Tabellenzeile mit id="myRow":
var row = document.getElementById("myRow");
row.deleteCell(0);
Beispiel
Neue Zeile(n) am Anfang einer Tabelle einfügen. Die Methode insertRow() fügt eine neue Zeile am angegebenen Index in eine Tabelle ein, in diesem Beispiel die erste Position (der Anfang) einer Tabelle mit id="myTable". Dann verwenden wir die Methode insertCell(), um Zellen in der neuen Zeile hinzuzufügen.
var table = document.getElementById("myTable");
var row = table.insertRow(0);
var cell1 = row.insertCell(0);
var cell2 = row.insertCell(1);
cell1.innerHTML = "NEW CELL1";
cell2.innerHTML = "NEW CELL2";
❮ TableRow-Objekt