Metodo Table deleteRow()

Oggetto DOM Table HTML

Definizione e uso

deleteRow() Il metodo elimina la riga specificata dall'indice della tabella.

Suggerimento:Usa insertRow() Creazione e inserimento di nuove righe.

Vedi anche:

Manuale HTML:Etichetta <tr> HTML

Esempio

Esempio 1

Elimina la prima riga della tabella:

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

Prova a fare tu stesso

Esempio 2

Elimina la riga cliccata:

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

Prova a fare tu stesso

Esempio 3

Creazione e eliminazione di righe:

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

Prova a fare tu stesso

Sintassi

tableObject.deleteRow(index)

Valore del parametro

Parametro Descrizione
index

Obbligatorio in Firefox e Opera, opzionale in IE, Chrome e Safari.

Intero, rappresenta la posizione della riga da eliminare (iniziando da 0).

Il valore 0 eliminerà la prima riga.

Puoi anche usare il valore -1, il che causerà l'eliminazione dell'ultima riga.

Se questo parametro viene omesso, deleteRow() eliminerà l'ultima riga in IE, e la prima riga in Chrome e Safari.

Valore di ritorno:

Nessun valore di ritorno.

Supporto browser

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Supporto Supporto Supporto Supporto Supporto

Oggetto DOM Table HTML