пример
Вставьте новую cell(s) с содержанием в начале строки таблицы с идентификатором = «myRow»:
var row = document.getElementById("myRow");
var x = row.insertCell(0);
x.innerHTML = "New cell"; Попробуй сам " Определение и использование
insertCell() метод вставляет ячейку в текущей строке.
Совет: Используйте deleteCell() метод , чтобы удалить ячейку в текущей строке таблицы.
Поддержка браузеров
| метод | |||||
|---|---|---|---|---|---|
| insertCell() | да | да | да | да | да |
Синтаксис
tablerowObject .insertCell( Значения параметров Стоимость Описание index Требуется в Firefox и Opera, опционально в IE, Chrome и Safari. Ряд (starts at 0) , который определяет положение новой ячейки в текущей строке. Значение 0 результатов в том, что в новой ячейке будет вставлено в первом положении. Значение -1 также может быть использован; которая приводит к тому, новая ячейка будет вставлена в последней позиции.
Если этот параметр опущен, insertCell() вставляет новую ячейку в последней позиции в IE , и в первую позицию в Chrome и Safari.
Этот параметр необходим в Firefox и Opera, но необязательно в Internet Explorer, Chrome и Safari.
Технические подробности
Возвращаемое значение: Вставлен элемент ячейки
Еще примеры
пример
Вставьте новую cell(s) с содержанием в конце строки таблицы с идентификатором = «myRow»:
var row = document.getElementById("myRow");
var x = row.insertCell(-1);
x.innerHTML = "New cell";
Попробуй сам "
пример
Вставьте новую cell(s) с содержанием в позиции с индексом 2 строки таблицы с идентификатором = «myRow»:
var row = document.getElementById("myRow");
var x = row.insertCell(2);
x.innerHTML = "New cell";
Попробуй сам "
пример
Вставьте новую cell(s) в начале первой строки таблицы. Коллекция строки таблицы (.rows[0]) возвращает коллекцию всех <tr> элементов в таблице с идентификатором "myTable" . Номер [0] задает элемент для извлечения, в этом примере, первую строку таблицы. Затем мы используем insertcell() , чтобы вставить новую cell(s) в позиции с индексом -1:
var firstRow = document.getElementById("myTable").rows[0];
var x = firstRow.insertCell(-1);
x.innerHTML = "New cell"; Попробуй сам "
пример
Удалить первую cell(s) из строки таблицы с идентификатором = «myRow»:
var row = document.getElementById("myRow");
row.deleteCell(0); Попробуй сам "
пример
Вставить новую row(s) в начале таблицы. insertRow() метод вставляет новую строку по указанному индексу в таблице, в этом примере, первая позиция (the beginning) из таблицы с идентификатором = «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