Thuộc tính rows

Thuộc tính rows lưu trữ bộ sưu tập các hàng tr. Có thể được áp dụng cho cả bảng và các phần của nó tHead, tBodies, tFoot.

Cú pháp

javascriptbảng.rows;

Ví dụ

Hãy lặp qua tất cả các hàng của bảng:

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

Ví dụ

Hãy lặp qua tất cả các hàng của bảng bằng thuộc tính rows, và trong mỗi hàng lặp qua các ô của nó bằng thuộc tính 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);
  }
}

Ví dụ

Hãy tìm số lượng hàng của bảng:

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

Kết quả thực thi mã:

javascript3

Xem thêm