Tabel deleteRow() Methode
Voorbeeld
Verwijder de eerste rij in een tabel:
document.getElementById("myTable").deleteRow(0);
Definitie en gebruik
De methode deleteRow() verwijdert de rij bij de opgegeven index uit een tabel.
Tip: Gebruik de insertRow() om een nieuwe rij te maken en in te voegen.
Browserondersteuning
Method | |||||
---|---|---|---|---|---|
deleteRow() | Yes | Yes | Yes | Yes | Yes |
Syntaxis
tableObject.deleteRow(index)
Parameterwaarden
Value | Description |
---|---|
index | Required in Firefox and Opera, optional in IE, Chrome and Safari. An integer that specifies the position of the row to delete (starts at 0). The value of 0 results in that the first row will be deleted. The value of -1 can also be used; which result in that the last row will be deleted. This parameter is required in Firefox and Opera, but optional in Internet Explorer, Chrome and Safari. If this parameter is omitted, deleteRow() removes the last row in IE and the first row in Chrome and Safari. |
Technische details
Winstwaarde: | Geen retourwaarde |
---|
Meer voorbeelden
Voorbeeld
Verwijder de rij waarop u klikt:
function deleteRow(r) {
var i = r.parentNode.parentNode.rowIndex;
document.getElementById("myTable").deleteRow(i);
}
Voorbeeld
Maak en verwijder rij(en):
function myCreateFunction() {
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";
}
function myDeleteFunction() {
document.getElementById("myTable").deleteRow(0);
}
Gerelateerde pagina's
HTML-referentie: HTML <tr>-tag
❮ Tafelobject