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
bảng.rows;
Ví dụ
Hãy lặp qua tất cả các hàng của bảng:
<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);
}
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:
<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);
}
}
Ví dụ
Hãy tìm số lượng hàng của bảng:
<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);
Kết quả thực thi mã:
3
