Metoda deleteCell() dla TableRow

Obiekt DOM TableRow HTML

Definicja i użycie

deleteCell() Metoda usuwa komórkę z bieżącego wiersza tabeli.

Wskazówka:Użyj Metoda insertCell() Wprowadź komórkę w bieżącym wierszu tabeli.

Zobacz również:

Przeglądarka HTML:Znacznik <tr> HTML

Przykład

Przykład 1

Usuń pierwszą komórkę z wiersza tabeli o id="myRow":

var row = document.getElementById("myRow");
row.deleteCell(0);

Spróbuj sam

Przykład 2

Usuń ostatnią komórkę z wiersza tabeli o id="myRow":

var row = document.getElementById("myRow");
row.deleteCell(-1);

Spróbuj sam

Przykład 3

Usuń komórkę z pozycji indeksu 1 z wiersza tabeli o id="myRow":

var row = document.getElementById("myRow");
row.deleteCell(1);

Spróbuj sam

Przykład 4

Usuń komórkę na początku pierwszego wiersza tabeli.

Zestaw rows tabeli (.rows[0]) zwraca zestaw wszystkich elementów <tr> tabeli o id "myTable". Numer [0] określa element do pobrania, w tym przypadku, jest to pierwszy wiersz tabeli.

Następnie używamy deleteCell() do usunięcia komórki z pozycji indeksu 0:

var firstRow = document.getElementById("myTable").rows[0];
firstRow.deleteCell(0);

Spróbuj sam

Przykład 5

Wprowadź nową komórkę zawierającą treść na początku wiersza tabeli o id="myRow":

var row = document.getElementById("myRow");
var x = row.insertCell(0);
x.innerHTML = "nowa komórka";

Spróbuj sam

Gramatyka

tablerowObject.deleteCell(index)
Parametr Opis
index

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

Całkowite liczby (zaczynające się od 0), określające pozycję komórki do usunięcia w bieżącej wierszu.

Wartość 0 powoduje usunięcie pierwszej komórki. Można również użyć wartości -1, co spowoduje usunięcie ostatniej komórki.

Jeśli pominie się ten parametr, deleteCell() usunie w IE ostatnią komórkę oraz w Chrome i Safari pierwszą komórkę.

Szczegóły techniczne

Zwracana wartość:

Brak zwracanej wartości.

Obsługa przeglądarek

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

Obiekt DOM TableRow HTML