Коллекция строк таблицы

Объект Table DOM HTML

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

rows Коллекция возвращает набор всех элементов <tr> в таблице.

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

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

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

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

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

Совет:Используйте Сборник cells Возвращает набор всех элементов <td> или <th> в таблице.

См. также:

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

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

Пример

Пример 1

Узнайте количество строк в таблице:

var x = document.getElementById("myTable").rows.length;

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

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

2

Пример 2: [index]

Подсказка содержимого innerHTML первого элемента <tr> (индекс 0):

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

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

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

Подсказка содержимого innerHTML первого элемента <tr> (индекс 0):

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

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

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

Подсказка содержимого innerHTML элемента <tr> с id="myRow" в таблице:

alert(document.getElementById("myTable").rows.namedItem("myRow").innerHTML);

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

Пример 5

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

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

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

Синтаксис

tableObject.rows

Свойство

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

Возвращает количество элементов <tr> в集合е.

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

Метод

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

Возвращает элемент <tr> с указанным индексом в集合е (начиная с 0).

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

Возвращает элемент <tr> с указанным индексом в集合е (начиная с 0).

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

Возвращает элемент <tr> с указанным идентификатором в集合е.

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

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

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

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

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

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

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

Объект Table DOM HTML