Сборник ячеек таблицы

Объект Table DOM HTML

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

cells Сборник возвращает набор всех элементов <td> или <th> в таблице.

Комментарий:Элементы в наборе отсортированы в порядке их появления в исходном коде.

Совет:Использование Сборник rows Возвратить набор всех элементов <tr> в таблице.

Совет:Используйте Метод insertRow() Создать новую строку (<tr>).

Совет:Используйте Метод deleteRow() Удалить строку.

Совет:Используйте Метод insertCell() Создать новую ячейку (<td>).

Совет:Используйте Метод deleteCell() Удалить ячейку.

См. также:

Руководство по HTML:Тег <td> HTML

Руководство по HTML:Тег <th> HTML

Руководство по JavaScript:Объект TableData DOM HTML

Руководство по JavaScript:Объект TableHeader DOM HTML

Пример

Пример 1

Показать количество ячеек в первой строке:

var x = document.getElementById("myTable").rows[0].cells.length;

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

Результат x будет:

2

Пример 2: [index]

Вывод innerHTML первой ячейки первой строки таблицы:

alert(document.getElementById("myTable").rows[0].cells[0].innerHTML);

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

Пример 3: item(index)

Вывод innerHTML первой ячейки первой строки таблицы:

alert(document.getElementById("myTable").rows[0].cells.item(0).innerHTML);

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

Пример 4: namedItem(id)

Вывод innerHTML ячейки с id="myTd" в первой строке таблицы:

alert(document.getElementById("myTable").rows[0].cells.namedItem("myTd").innerHTML);

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

Пример 5

Изменить содержимое первой ячейки таблицы:

var x = document.getElementById("myTable").rows[0].cells;
x[0].innerHTML = "НОВОЕ СОДЕРЖИМОЕ";

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

Синтаксис

tableObject.cells

Свойство

Свойство Описание
length

Возвращает количество элементов <td> и/или <th> в наборе.

Комментарий:Эта свойство является только для чтения.

Метод

Метод Описание
[index]

Возвращает элемент <td> и/или <th> с указанным индексом в наборе (начиная с 0).

Комментарий:Если номер индекса выходит за пределы диапазона, возвращается null.
item(index)

Возвращает элемент <td> и/или <th> с указанным индексом в наборе (начиная с 0).

Комментарий:Если номер индекса выходит за пределы диапазона, возвращается null.
namedItem(id)

Возвращает элементы <td> и/или <th> из набора с указанным идентификатором.

Комментарий:Если идентификатор не существует, возвращается null.

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

Версия DOM: Документ Object Model уровня Core 2
Возвратное значение:

Объект HTMLCollection, представляющий все элементы <td> и/или <th> в элементе <tr>.

Элементы в наборе отсортированы в порядке их появления в исходном коде.

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

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

Объект Table DOM HTML