Метод 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 |
Поддержка | Поддержка | Поддержка | Поддержка | Поддержка |