Метод TableRow insertCell()
Пример
Вставьте новую ячейку (ячейки) с содержимым в начале строки таблицы с id="myRow":
var row = document.getElementById("myRow");
var x = row.insertCell(0);
x.innerHTML = "New cell";
Определение и использование
Метод insertCell() вставляет ячейку в текущую строку.
Совет: Используйте метод deleteCell() для удаления ячейки в текущей строке таблицы.
Поддержка браузера
Method | |||||
---|---|---|---|---|---|
insertCell() | Yes | Yes | Yes | Yes | Yes |
Синтаксис
tablerowObject.insertCell(index)
Значения параметров
Value | Description |
---|---|
index | Required in Firefox and Opera, optional in IE, Chrome and Safari. A number (starts at 0) that specifies the position of the new cell in the current row. The value of 0 results in that the new cell will be inserted at the first position. The value of -1 can also be used; which results in that the new cell will be inserted at the last position. If this parameter is omitted, insertCell() inserts the new cell at the last position in IE and at the first position 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");
var x = row.insertCell(-1);
x.innerHTML = "New cell";
Пример
Вставьте новую ячейку (ячейки) с содержимым в позиции индекса 2 строки таблицы с id="myRow":
var row = document.getElementById("myRow");
var x = row.insertCell(2);
x.innerHTML = "New cell";
Пример
Вставьте новую ячейку (ячейки) в начале первой строки таблицы. Коллекция строк таблицы (.rows[0]) возвращает коллекцию всех элементов <tr> в таблице с идентификатором "myTable". Число [0] указывает элемент для извлечения, в этом примере первая строка таблицы. Затем мы используем insertcell() для вставки новых ячеек в позиции индекса -1:
var firstRow = document.getElementById("myTable").rows[0];
var x = firstRow.insertCell(-1);
x.innerHTML = "New cell";
Пример
Удалить первую ячейку (ячейки) из строки таблицы с id="myRow":
var row = document.getElementById("myRow");
row.deleteCell(0);
Пример
Вставить новую строку (строки) в начало таблицы. Метод insertRow() вставляет новую строку по указанному индексу в таблицу, в данном примере это первая позиция (начало) таблицы с id="myTable". Затем мы используем метод insertCell() для добавления ячеек в новую строку.
var table = document.getElementById("myTable");
var row = table.insertRow(0);
var cell1 = row.insertCell(0);
var cell2 = row.insertCell(1);
cell1.innerHTML = "NEW CELL1";
cell2.innerHTML = "NEW CELL2";
❮ Объект TableRow