Metoda deleteRow() tabeli

Obiekt DOM Table HTML

Definicja i użycie

deleteRow() Metoda usuwająca wiersz z tabeli na określonej pozycji.

Wskazówka:Użyj insertRow() Tworzenie i wstawianie nowych wierszy.

Zobacz również:

Przeglądarka HTML:Etiqueta <tr> HTML

Przykład

Przykład 1

Usuń pierwszy wiersz tabeli:

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

Spróbuj sam

Przykład 2

Usuń wiersz, który klikniesz:

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

Spróbuj sam

Przykład 3

Tworzenie i usuwanie wierszy:

function myCreateFunction() {
  var table = document.getElementById("myTable");
  var row = table.insertRow(0);
  var cell1 = row.insertCell(0);
  var cell2 = row.insertCell(1);
  cell1.innerHTML = "NOWA KOMÓRKA1";
  cell2.innerHTML = "NOWA KOMÓRKA2";
}
function myDeleteFunction() {
  document.getElementById("myTable").deleteRow(0);
}

Spróbuj sam

Gramatyka

tableObject.deleteRow(index)

Wartość parametru

Parametr Opis
index

W Firefox i Operze jest obowiązkowe, w IE, Chrome i Safari jest opcjonalne.

Liczba, określająca pozycję wiersza do usunięcia (zaczynając od 0).

Wartość 0 spowoduje usunięcie pierwszej linii.

Można również użyć wartości -1, co spowoduje usunięcie ostatniej linii.

Jeśli pominie się ten parametr, deleteRow() usunie ostatnią linię w IE, a pierwszą linię w Chrome i Safari.

Zwracana wartość:

Brak zwracanej wartości.

Wsparcie przeglądarek

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Wsparcie Wsparcie Wsparcie Wsparcie Wsparcie

Obiekt DOM Table HTML