TableRow insertCell()- methode
Voorbeeld
Voeg nieuwe cel(len) met inhoud toe aan het begin van een tabelrij met id="myRow":
var row = document.getElementById("myRow");
var x = row.insertCell(0);
x.innerHTML = "New cell";
Definitie en gebruik
De methode insertCell() voegt een cel in de huidige rij in.
Tip: Gebruik de methode deleteCell() om een cel in de huidige tabelrij te verwijderen.
Browserondersteuning
Method | |||||
---|---|---|---|---|---|
insertCell() | Yes | Yes | Yes | Yes | Yes |
Syntaxis
tablerowObject.insertCell(index)
Parameterwaarden
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
Winstwaarde: | Het ingevoegde celelement |
---|
Meer voorbeelden
Voorbeeld
Voeg nieuwe cel(len) met inhoud toe aan het einde van een tabelrij met id="myRow":
var row = document.getElementById("myRow");
var x = row.insertCell(-1);
x.innerHTML = "New cell";
Voorbeeld
Voeg nieuwe cel(len) met inhoud in op indexpositie 2 van een tabelrij met id="myRow":
var row = document.getElementById("myRow");
var x = row.insertCell(2);
x.innerHTML = "New cell";
Voorbeeld
Voeg nieuwe cel(len) toe aan het begin van de eerste tabelrij. De verzameling tabelrijen (.rows[0]) retourneert een verzameling van alle <tr>-elementen in de tabel met id "myTable". Het getal [0] geeft het element aan dat moet worden opgehaald, in dit voorbeeld de eerste tabelrij. Vervolgens gebruiken we insertcell() om nieuwe cel(len) op indexpositie -1 in te voegen:
var firstRow = document.getElementById("myTable").rows[0];
var x = firstRow.insertCell(-1);
x.innerHTML = "New cell";
Voorbeeld
Verwijder de eerste cel(len) uit een tabelrij met id="myRow":
var row = document.getElementById("myRow");
row.deleteCell(0);
Voorbeeld
Voeg nieuwe rij(en) toe aan het begin van een tabel. De methode insertRow() voegt een nieuwe rij in op de opgegeven index in een tabel, in dit voorbeeld de eerste positie (het begin) van een tabel met id="myTable". Vervolgens gebruiken we de methode insertCell() om cellen in de nieuwe rij toe te voegen.
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";
❮ TabelRij-object