Table deleteRow() metod

HTML DOM Table-objekt

Definition och användning

deleteRow() Metoden tar bort raden vid den angivna indexpositionen från tabellen.

Tips:Använd insertRow() Skapa och infoga nya rader.

Se också:

HTML-referenshandbok:HTML <tr>-tag

Exempel

Exempel 1

Ta bort det första radet i tabellen:

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

Prova själv

Exempel 2

Ta bort det rad du klickar på:

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

Prova själv

Exempel 3

Skapa och ta bort rader:

function myCreateFunction() {
  var table = document.getElementById("myTable");
  var row = table.insertRow(0);
  var cell1 = row.insertCell(0);
  var cell2 = row.insertCell(1);
  cell1.innerHTML = "NY CELLA1";
  cell2.innerHTML = "NY CELLA2";
}
function myDeleteFunction() {
  document.getElementById("myTable").deleteRow(0);
}

Prova själv

Syntax

tableObject.deleteRow(index)

Parametervärde

Parameter Beskrivning
index

Obligatoriskt i Firefox och Opera, valfritt i IE, Chrome och Safari.

Heltal, definierar positionen för det rad som ska tas bort (börjar vid 0).

Värdet 0 leder till att första raden tas bort.

Man kan också använda värdet -1, vilket kommer att leda till att sista raden tas bort.

Om denna parameter utelämnas kommer deleteRow() att ta bort sista raden i IE, och första raden i Chrome och Safari.

Returvärde:

Ingen returvärde.

Webbläsarstöd

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Stöd Stöd Stöd Stöd Stöd

HTML DOM Table-objekt