тк 3 июля праздник (в беларуси), буду не онлайн (по возможности буду отвечать)

Свойство 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 таблицы