TableRow insertCell() Metode
Voorbeeld
Voeg nuwe sel(s) met inhoud aan die begin van 'n tabelry in met id="myRow":
var row = document.getElementById("myRow");
var x = row.insertCell(0);
x.innerHTML = "New cell";
Definisie en gebruik
Die insertCell()-metode voeg 'n sel in die huidige ry in.
Wenk: Gebruik die deleteCell() -metode om 'n sel in die huidige tabelry uit te vee.
Blaaierondersteuning
Method | |||||
---|---|---|---|---|---|
insertCell() | Yes | Yes | Yes | Yes | Yes |
Sintaksis
tablerowObject.insertCell(index)
Parameterwaardes
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. |
Tegniese besonderhede
Terugkeerwaarde: | Die ingevoegde selelement |
---|
Meer voorbeelde
Voorbeeld
Voeg nuwe sel(s) in met inhoud aan die einde van 'n tabelry met id="myRow":
var row = document.getElementById("myRow");
var x = row.insertCell(-1);
x.innerHTML = "New cell";
Voorbeeld
Voeg nuwe sel(s) met inhoud by die indeksposisie 2 van 'n tabelry in met id="myRow":
var row = document.getElementById("myRow");
var x = row.insertCell(2);
x.innerHTML = "New cell";
Voorbeeld
Voeg nuwe sel(s) aan die begin van die eerste tabelry in. Die tabelryeversameling (.rowe[0]) gee 'n versameling van alle <tr>-elemente in die tabel terug met id "myTabel". Die nommer [0] spesifiseer die element om, in hierdie voorbeeld, die eerste tabelry te herwin. Dan gebruik ons insertcell() om nuwe sel(s) by indeksposisie -1 in te voeg:
var firstRow = document.getElementById("myTable").rows[0];
var x = firstRow.insertCell(-1);
x.innerHTML = "New cell";
Voorbeeld
Vee die eerste sel(s) uit 'n tabelry uit met id="myRow":
var row = document.getElementById("myRow");
row.deleteCell(0);
Voorbeeld
Voeg nuwe ry(s) aan die begin van 'n tabel in. Die insertRow()-metode voeg 'n nuwe ry by die gespesifiseerde indeks in 'n tabel in, in hierdie voorbeeld, die eerste posisie (die begin) van 'n tabel met id="myTable". Dan gebruik ons die insertCell() metode om selle in die nuwe ry by te voeg.
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-objek