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 " Definition und Verwendung
Die insertCell() Methode fügt eine Zelle in die aktuelle Zeile.
Tipp: Verwenden Sie die deleteCell() Verfahren zur Herstellung einer Zelle in der aktuellen Tabellenzeile zu löschen.
Browser-Unterstützung
| Methode | |||||
|---|---|---|---|---|---|
| insertCell() | Ja | Ja | Ja | Ja | Ja |
Syntax
tablerowObject .insertCell( Parameterwerte Wert Beschreibung index Erforderlich in Firefox und Opera, optional in IE, Chrome und Safari. Eine Anzahl (starts at 0) , der die Position der neuen Zelle in der aktuellen Zeile angibt. Der Wert von 0 ergibt sich, dass die neue Zelle wird an der ersten Position eingeführt werden kann. Der Wert von -1 kann auch verwendet werden; was dazu führt, dass die neue Zelle wird an der letzten Position eingefügt werden.
Wenn dieser Parameter weggelassen wird, insertCell() fügt die neue Zelle an der letzten Position in IE und an der ersten Position in Chrome und Safari.
Dieser Parameter ist erforderlich in Firefox und Opera, aber optional in Internet Explorer, Chrome und Safari.
Technische Details
Rückgabewert: Das eingegebene Zellenelement
Mehr Beispiele
Beispiel
Einfügen eines neue cell(s) mit Inhalt am Ende einer Tabellenzeile mit id = „myRow“:
var row = document.getElementById("myRow");
var x = row.insertCell(-1);
x.innerHTML = "New cell";
Versuch es selber "
Beispiel
Einfügen eines neue cell(s) mit Inhalt an der Indexposition 2 von einer Tabellenzeile mit id = „myRow“:
var row = document.getElementById("myRow");
var x = row.insertCell(2);
x.innerHTML = "New cell";
Versuch es selber "
Beispiel
Legen Sie eine neue cell(s) zu Beginn 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 insertcell() neu einzufügen cell(s) an der Indexposition -1:
var firstRow = document.getElementById("myTable").rows[0];
var x = firstRow.insertCell(-1);
x.innerHTML = "New cell"; Versuch es selber "
Beispiel
Löscht die erste cell(s) aus einer Tabellenzeile mit id = „myRow“:
var row = document.getElementById("myRow");
row.deleteCell(0); Versuch es selber "
Beispiel
Legen Sie eine neue row(s) am Anfang einer Tabelle. Die insertRow() Methode fügt eine neue Zeile am angegebenen Index in einer Tabelle, in diesem Beispiel, die erste Position (the beginning) eine Tabelle mit id = „myTable“. Dann verwenden wir die insertCell() Methode , 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"; Versuch es selber "
<TableRow Object