Table deleteRow() -menetelmä

HTML DOM Table-objekti

Määrittely ja käyttö

deleteRow() Metodi poistaa taulukosta määritetyn indeksin rivin.

Vinkki:Käytä insertRow() Luo ja lisää uusi rivi.

Katso myös:

HTML-otsikko-oppaasti:HTML <tr> -tagi

Esimerkki

Esimerkki 1

Poista taulukon ensimmäinen rivi:

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

Kokeile itse!

Esimerkki 2

Poista klikattu rivi:

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

Kokeile itse!

Esimerkki 3

Rivien luominen ja poistaminen:

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

Kokeile itse!

syntaksi

tableObject.deleteRow(index)

parametrimäärä

parametri kuvaus
index

Välttämätön Firefoxissa ja Operassa, valinnainen IE:ssä, Chrome:ssa ja Safarissa.

Täysin, määrittää poistettavan rivin sijainnin (alkaen 0).

Arvo 0 poistaa ensimmäisen rivin.

Voit myös käyttää arvoa -1, mikä johtaa viimeisen rivin poistamiseen.

Jos parametria ei mainita, deleteRow() poistaa viimeisen rivin IE:ssä, Chrome ja Safari:ssä ensimmäisen rivin.

Paluuarvo:

Ei paluuarvoa.

Selaimen tuki

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Tuki Tuki Tuki Tuki Tuki

HTML DOM Table-objekti