Sifa ya rows

Sifa rows inahifadhi mkusanyiko wa safu tr. Inaweza kutumiwa kwa jedwali, na kwa sehemu zake tHead, tBodies, tFoot.

Syntax

javascriptjedwali.rows;

Mfano

Wacha tuizungukie safu zote za jedwali:

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 jedwali = document.querySelector('#table');

for (let safu of jedwali.rows) {
  console.log(safu);
}

Mfano

Wacha tuizungukie safu zote za jedwali kwa kutumia sifa rows, na kwa kila safu tuizungukie seli zake kwa kutumia sifa 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 jedwali = document.querySelector('#table');

for (let safu of jedwali.rows) {
  for (let seli of safu.cells) {
    console.log(seli);
  }
}

Mfano

Tujue idadi ya safu za jedwali:

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 jedwali = document.querySelector('#table');
console.log(jedwali.rows.length);

Matokeo ya utekelezaji wa kodi:

javascript3

Angalia pia