Свойство rows

Свойство rows tr қаторларининг коллекциясини сақлайди. У таблицага ҳам, унинг tHead, tBodies, tFoot секцияларига ҳам қўлланилиши мумкин.

Синтаксис

javascriptтаблица.rows;

Мисол

Келинг, таблицанинг барча қаторларини айлантириб чиқайлик:

html<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>

javascriptlet table = document.querySelector('#table');

for (let row of table.rows) {
  console.log(row);
}

Мисол

Келинг, таблицанинг барча қаторларини rows свойстваси ёрдамида айлантириб чиқайлик, ҳар бир қаторда эса унинг ҳужайраларини cells свойстваси ёрдамида айлантириб чиқайлик:

html<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>

javascriptlet table = document.querySelector('#table');

for (let row of table.rows) {
  for (let cell of row.cells) {
    console.log(cell);
  }
}

Мисол

Келинг, таблицанинг қаторлар сонини аниқлайлик:

html<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>

javascriptlet table = document.querySelector('#table');
console.log(table.rows.length);

Кодни ишга тушириш натижаси:

javascript3

Қаранг