Запіс на курсы па HTML, CSS, JavaScript, PHP, Python, фрэймворкам і CMS,
а таксама: дапамога ў пошуку працы і заказаў, стажыроўка на рэальных праектах→
163 of 264 menu

Уласцівасць 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 табліцы
byenru