пример
Узнайте, сколько клеток есть в первой строке в таблице:
var x = document.getElementById("myTable").rows[0].cells.length;В результате х будет:
2 Попробуй сам " Больше "Try it Yourself" примеры ниже.
Определение и использование
Коллекция клеток возвращает коллекцию всех <td> или <th> элементов в таблице.
Note: Элементы коллекции сортируются , как они появляются в исходном коде.
Совет: Используйте строки коллекцию , чтобы вернуть коллекцию всех <tr> элементов в таблице.
Совет: Используйте insertRow() метод , чтобы создать новую строку (<tr>) .
Совет: Используйте deleteRow() метод для удаления строки.
Совет: Используйте insertCell() метод , чтобы создать новую ячейку (<td>) .
Совет: Используйте deleteCell() метод для удаления ячейки.
Поддержка браузеров
| Коллекция | |||||
|---|---|---|---|---|---|
| cells | да | да | да | да | да |
Синтаксис
tableObject .cellsсвойства
| Имущество | Описание |
|---|---|
| length | Возвращает количество <td> и / или <th> элементов в коллекции. Примечание: Это свойство только для чтения |
методы
| метод | Описание |
|---|---|
| [ index ] | Возвращает <td> и / или <th> элемент из коллекции с указанным индексом (starts at 0) . Примечание: Возвращает пустое значение , если индекс находится вне диапазона |
| item( index ) | Возвращает <td> и / или <th> элемент из коллекции с указанным индексом (starts at 0) . Примечание: Возвращает пустое значение , если индекс находится вне диапазона |
| namedItem( id ) | Возвращает <td> и / или <th> элемент из коллекции с указанным идентификатором. Примечание: возвращает нулевое значение , если идентификатор не существует |
Технические подробности
| DOM Версия: | Базовый уровень Объект 2 документа |
|---|---|
| Возвращаемое значение: | HTMLCollection Объект, представляющий все <td> и / или <th> элементы в <table> элемент. Элементы коллекции сортируются, как они появляются в исходном коде |
Еще примеры
пример
[Индекс]
Предупредить innerHTML первой ячейки в первой строке таблицы:
alert(document.getElementById("myTable").rows[0].cells[0].innerHTML); Попробуй сам " пример
item( index )
Предупредить innerHTML первой ячейки в первой строке таблицы:
alert(document.getElementById("myTable").rows[0].cells.item(0).innerHTML); Попробуй сам " пример
namedItem( id )
Оповещение innerHTML ячейки с идентификатором = «myTd» в первой строке таблицы:
alert(document.getElementById("myTable").rows[0].cells.namedItem("myTd").innerHTML); Попробуй сам " пример
Измените содержимое первой ячейки таблицы:
var x = document.getElementById("myTable").rows[0].cells;
x[0].innerHTML = "NEW
CONTENT"; Попробуй сам " Похожие страницы
HTML ссылка: HTML <td> Тег
HTML ссылка: HTML <th> тег
JavaScript ссылка: HTML DOM TableData объекта
JavaScript ссылка: HTML DOM TableHeader объекта
<Таблица объекта