TableRow метод deleteCell ()
Пример
Удалить первую ячейку (ячейки) из строки таблицы с id="myRow":
var row = document.getElementById("myRow");
row.deleteCell(0);
Определение и использование
Метод deleteCell() удаляет ячейку в текущей строке таблицы.
Совет: используйте метод insertCell() , чтобы вставить ячейку в текущую строку таблицы.
Поддержка браузера
Method | |||||
---|---|---|---|---|---|
deleteCell() | Yes | Yes | Yes | Yes | Yes |
Синтаксис
tablerowObject.deleteCell(index)
Значения параметров
Value | Description |
---|---|
index | Required in Firefox and Opera, optional in IE, Chrome and Safari. An integer (starts at 0) that specifies the position of the cell to delete in the current row. The value of 0 results in that the first cell will be deleted. The value of -1 can also be used; which result in that the last cell will be deleted. If this parameter is omitted, deleteCell() removes the last cell in IE and the first cell in Chrome and Safari. This parameter is required in Firefox and Opera, but optional in Internet Explorer, Chrome and Safari. |
Технические детали
Возвращаемое значение: | Нет возвращаемого значения. |
---|
Дополнительные примеры
Пример
Удалить последнюю ячейку (ячейки) из строки таблицы с id="myRow":
var row = document.getElementById("myRow");
row.deleteCell(-1);
Пример
Удалить ячейку (ячейки) из позиции индекса 1 в строке таблицы с id="myRow":
var row = document.getElementById("myRow");
row.deleteCell(1);
Пример
Удалить ячейку (ячейки) в начале первой строки таблицы. Коллекция строк таблицы (.rows[0]) возвращает коллекцию всех элементов <tr> в таблице с идентификатором "myTable". Число [0] указывает элемент для извлечения, в этом примере первая строка таблицы. Затем мы используем deleteCell() для удаления ячеек из позиции индекса 0:
var firstRow = document.getElementById("myTable").rows[0];
firstRow.deleteCell(0);
Пример
Вставьте новую ячейку (ячейки) с содержимым в начале строки таблицы с id="myRow":
var row = document.getElementById("myRow");
var x = row.insertCell(0);
x.innerHTML = "New cell";
❮ Объект TableRow