163 of 264 menu

rows xususiyati

rows xususiyati jadvalning tr qatorlari to‘plamini saqlaydi. U jadvalning o‘ziga ham, uning qismlariga ham qo‘llanilishi mumkin: tHead, tBodies, tFoot.

Sintaksis

jadval.rows;

Misol

Keling, jadvalning barcha qatorlarini aylantiramiz:

<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); }

Misol

Keling, jadvalning barcha qatorlarini rows xususiyati yordamida aylantiramiz, va har bir qatorda uning kataklarini cells xususiyati yordamida aylantiramiz:

<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); } }

Misol

Jadvalning qatorlari sonini bilib olaylik:

<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);

Kod natijasi:

3

Shuningdek qarang

  • cells xususiyati,
    jadvalning kataklarini o‘z ichiga oladi
  • tHead xususiyati,
    jadvalning thead qismini o‘z ichiga oladi
  • tFoot xususiyati,
    jadvalning tfoot qismini o‘z ichiga oladi
  • tBodies xususiyati,
    jadvalning tbody qismlarini o‘z ichiga oladi
azbydeenesfrkakkptruuz