Коллекция ячеек TableRow
Пример
Покажите количество ячеек в первой строке:
var x = document.getElementById("myTable").rows[0].cells.length;
Результатом х будет:
2
Другие примеры «Попробуйте сами» ниже.
Определение и использование
Коллекция ячеек возвращает коллекцию всех элементов <td> или <th> в строке таблицы.
Примечание . Элементы в коллекции сортируются так, как они появляются в исходном коде.
Поддержка браузера
Collection | |||||
---|---|---|---|---|---|
cells | Yes | Yes | Yes | Yes | Yes |
Синтаксис
tableObject.cells
Характеристики
Property | Description |
---|---|
length | Returns the number of <td> and/or <th> elements in the collection. Note: This property is read-only |
Методы
Method | Description |
---|---|
[index] | Returns the <td> and/or <th> element from the collection with the specified index (starts at 0). Note: Returns null if the index number is out of range |
item(index) | Returns the <td> and/or <th> element from the collection with the specified index (starts at 0). Note: Returns null if the index number is out of range |
namedItem(id) | Returns the <td> and/or <th> element from the collection with the specified id. Note: Returns null if the id does not exist |
Технические детали
Версия ДОМ: | Базовый объект документа уровня 2 |
---|---|
Возвращаемое значение: | Объект HTMLCollection, представляющий все элементы <td> и/или <th> в элементе <tr>. Элементы в коллекции сортируются так, как они появляются в исходном коде. |
Дополнительные примеры
Пример
[ индекс ]
Предупредите innerHTML первой ячейки в первой строке таблицы:
alert(document.getElementById("myTable").rows[0].cells[0].innerHTML);
Пример
элемент ( индекс )
Предупредите innerHTML первой ячейки в первой строке таблицы:
alert(document.getElementById("myTable").rows[0].cells.item(0).innerHTML);
Пример
именованный элемент ( идентификатор )
Предупредите innerHTML ячейки с id="myTd" в первой строке таблицы:
alert(document.getElementById("myTable").rows[0].cells.namedItem("myTd").innerHTML);
Пример
Измените содержимое первой ячейки таблицы:
var x = document.getElementById("myTable").rows[0].cells;
x[0].innerHTML = "NEW CONTENT";
❮ Объект TableRow