Table deleteRow() methode

HTML DOM Table object

Definitie en gebruik

deleteRow() De methode verwijdert de rij op de opgegeven index van de tabel.

Tip:Gebruik insertRow() Maak en voeg nieuwe rijen toe.

Zie ook:

HTML Referentiemanual:HTML <tr> tag

Voorbeeld

Voorbeeld 1

Verwijder de eerste rij van de tabel:

document.getElementById("myTable").deleteRow(0);

Probeer het zelf

Voorbeeld 2

Verwijder de rij die u heeft aangeklikt:

function deleteRow(r) {
  var i = r.parentNode.parentNode.rowIndex;
  document.getElementById("myTable").deleteRow(i);
}

Probeer het zelf

Voorbeeld 3

Rijen aanmaken en verwijderen:

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);
}

Probeer het zelf

Syntax

tableObject.deleteRow(index)

Parameterwaarde

Parameter Beschrijving
index

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

Het getal, dat de positie van de te verwijderen rij bepaalt (begint bij 0).

Value 0 will cause the first row to be deleted.

You can also use the value -1, which will cause the last row to be deleted.

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

Return value:

No return value.

Browser support

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

HTML DOM Table object