Метод deleteCell() класса TableRow

Определение и использование

deleteCell() Метод удаляет ячейку из текущей строки таблицы.

Совет:Используйте Метод insertCell() Вставить ячейку в текущую строку таблицы.

См. также:

HTML справочник:Тег <tr> HTML

Пример

Пример 1

Удалить первую ячейку из строки таблицы с id="myRow":

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

Попробуйте сами

Пример 2

Удалить последнюю ячейку из строки таблицы с id="myRow":

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

Попробуйте сами

Пример 3

Удалить ячейку по индексу 1 из строки таблицы с id="myRow":

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

Попробуйте сами

Пример 4

Удалить ячейку в начале первой строки таблицы.

Сборка rows таблицы (.rows[0]) возвращает набор всех элементов <tr> с id="myTable" в таблице. Число [0] определяет элемент, который нужно получить, в данном примере это первая строка таблицы.

Затем мы используем deleteCell() для удаления ячейки по индексу 0:

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

Попробуйте сами

Пример 5

Вставить новую ячейку с содержимым в начале строки таблицы с id="myRow":

var row = document.getElementById("myRow");
var x = row.insertCell(0);
x.innerHTML = "новая ячейка";

Попробуйте сами

Синтаксис

tablerowObject.deleteCell(index)
Параметр Описание
index

Обязателен в Firefox и Opera, опционален в IE, Chrome и Safari.

Целое число (начиная с 0), определяющее положение ячейки, которую нужно удалить, в текущей строке.

Значение 0 приводит к удалению первой ячейки. Также можно использовать значение -1, что приведет к удалению последней ячейки.

Если параметр опущен, deleteCell() удалит последнюю ячейку в IE и первую ячейку в Chrome и Safari.

Технические детали

Возвратное значение:

Нет возвращаемого значения.

Поддержка браузеров

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Поддержка Поддержка Поддержка Поддержка Поддержка