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