TableRow deleteCell()- methode
Voorbeeld
Verwijder de eerste cel(len) uit een tabelrij met id="myRow":
var row = document.getElementById("myRow");
row.deleteCell(0);
Definitie en gebruik
De methode deleteCell() verwijdert een cel in de huidige tabelrij.
Tip: Gebruik de methode insertCell() om een cel in de huidige tabelrij in te voegen.
Browserondersteuning
| Method | |||||
|---|---|---|---|---|---|
| deleteCell() | Yes | Yes | Yes | Yes | Yes |
Syntaxis
tablerowObject.deleteCell(index)
Parameterwaarden
| Value | Description |
|---|---|
| index | Required in Firefox and Opera, optional in IE, Chrome and Safari. An integer (starts at 0) that specifies the position of the cell to delete in the current row. The value of 0 results in that the first cell will be deleted. The value of -1 can also be used; which result in that the last cell will be deleted. If this parameter is omitted, deleteCell() removes the last cell in IE and the first cell in Chrome and Safari. This parameter is required in Firefox and Opera, but optional in Internet Explorer, Chrome and Safari. |
Technische details
| Winstwaarde: | Geen retourwaarde. |
|---|
Meer voorbeelden
Voorbeeld
Verwijder de laatste cel(len) uit de a tabelrij met id="myRow":
var row = document.getElementById("myRow");
row.deleteCell(-1);
Voorbeeld
Verwijder cel(len) van indexpositie 1 in een tabelrij met id="myRow":
var row = document.getElementById("myRow");
row.deleteCell(1);
Voorbeeld
Verwijder cel(len) 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 deleteCell() om cellen van indexpositie 0 te verwijderen:
var firstRow = document.getElementById("myTable").rows[0];
firstRow.deleteCell(0);
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";
❮ TabelRij-object