TableRow cells набор

Объект TableRow DOM HTML

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

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

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

Пример

Пример 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> из набора с указанным id.

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

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

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

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

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

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

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

Объект TableRow DOM HTML