# Свойство rows

Свойство `rows` хранит коллекцию строк `tr`. Может применяться как к таблице, так и к ее секциям `tHead`, `tBodies`, `tFoot`.

## Синтаксис

`таблица.rows;`

## Пример

Давайте переберем все ряды таблицы:

`<table id="table"> <tr> <td>1</td><td>2</td><td>3</td> </tr> <tr> <td>4</td><td>5</td><td>6</td> </tr> <tr> <td>7</td><td>8</td><td>9</td> </tr> </table>` `let table = document.querySelector('#table'); for (let row of table.rows) { console.log(row); }`

## Пример

Давайте переберем все ряды таблицы с помощью свойства `rows`, а в каждом ряду переберем его ячейки с помощью свойства `cells`:

`<table id="table"> <tr> <td>1</td><td>2</td><td>3</td> </tr> <tr> <td>4</td><td>5</td><td>6</td> </tr> <tr> <td>7</td><td>8</td><td>9</td> </tr> </table>` `let table = document.querySelector('#table'); for (let row of table.rows) { for (let cell of row.cells) { console.log(cell); } }`

## Пример

Узнаем количество рядов таблицы:

`<table id="table"> <tr> <td>1</td><td>2</td><td>3</td> </tr> <tr> <td>4</td><td>5</td><td>6</td> </tr> <tr> <td>7</td><td>8</td><td>9</td> </tr> </table>` `let table = document.querySelector('#table'); console.log(table.rows.length);`

Результат выполнения кода:

`3`

## Смотрите также

- свойство `cells`,
  которое содержит ячейки таблицы
- свойство `tHead`,
  которое содержит thead таблицы
- свойство `tFoot`,
  которое содержит tfoot таблицы
- свойство `tBodies`,
  которое содержит tbody таблицы

← →
↑
en ru