TableRow deleteCell() methode

HTML DOM TableRow object

Definitie en gebruik

deleteCell() Deze methode verwijdert een cel uit de huidige tabelrij.

Tip:Gebruik insertCell() methode Voeg een cel toe in de huidige tabelrij.

Zie ook:

HTML referentiemanual:HTML <tr> tag

Voorbeeld

Voorbeeld 1

Verwijder de eerste cel van de tabelrij met id="myRow":

var row = document.getElementById("myRow");
row.deleteCell(0);

Probeer het zelf

Voorbeeld 2

Verwijder de laatste cel van de tabelrij met id="myRow":

var row = document.getElementById("myRow");
row.deleteCell(-1);

Probeer het zelf

Voorbeeld 3

Verwijder de cel op indexpositie 1 van de tabelrij met id="myRow":

var row = document.getElementById("myRow");
row.deleteCell(1);

Probeer het zelf

Voorbeeld 4

Verwijder de cel aan het begin van de eerste tabelrij.

De rows-verzameling van de tabel (.rows[0]) retourneert een verzameling van alle <tr>-elementen in de tabel met id "myTable". Het getal [0] specificeert het element dat moet worden opgehaald, in dit voorbeeld is het de eerste tabelrij.

Daarna gebruiken we deleteCell() om de cel op indexpositie 0 te verwijderen:

var firstRow = document.getElementById("myTable").rows[0];
firstRow.deleteCell(0);

Probeer het zelf

Voorbeeld 5

Voeg aan het begin van de tabelrij met id="myRow" een nieuwe cel met inhoud toe:

var row = document.getElementById("myRow");
var x = row.insertCell(0);
x.innerHTML = "nieuwe cel";

Probeer het zelf

Syntax

tablerowObject.deleteCell(index)
Parameter Beschrijving
index

Verplicht in Firefox en Opera, optioneel in IE, Chrome en Safari.

Gehele getallen (beginnend bij 0), die de positie van de cel die moet worden verwijderd in de huidige rij bepalen.

Waarde 0 leidt ertoe dat de eerste cel wordt verwijderd. U kunt ook de waarde -1 gebruiken, wat resulteert in het verwijderen van de laatste cel.

If this parameter is omitted, deleteCell() will delete the last cell in IE and the first cell in Chrome and Safari.

Technical details

Return value:

No return value.

Browser support

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Support Support Support Support Support

HTML DOM TableRow object