Bộ sưu tập các hàng trong bảng
Thí dụ
Tìm xem có bao nhiêu hàng trong một bảng:
var x = document.getElementById("myTable").rows.length;
Kết quả của x sẽ là:
2
Thêm các ví dụ "Hãy tự mình thử" bên dưới.
Định nghĩa và Cách sử dụng
Bộ sưu tập hàng trả về một tập hợp tất cả các phần tử <tr> trong một bảng.
Lưu ý: Các phần tử trong bộ sưu tập được sắp xếp như chúng xuất hiện trong mã nguồn.
Mẹo: Sử dụng phương thức insertRow () để tạo một hàng mới (<tr>).
Mẹo: Sử dụng phương thức deleteRow () để xóa một hàng.
Mẹo: Sử dụng phương thức insertCell () để tạo một ô mới (<td>).
Mẹo: Sử dụng phương thức deleteCell () để xóa một ô.
Mẹo: Sử dụng tập hợp ô để trả về tập hợp tất cả các phần tử <td> hoặc <th> trong bảng.
Hỗ trợ trình duyệt
Collection | |||||
---|---|---|---|---|---|
rows | Yes | Yes | Yes | Yes | Yes |
Cú pháp
tableObject.rows
Tính chất
Property | Description |
---|---|
length | Returns the number of <tr> elements in the collection. Note: This property is read-only |
Phương pháp
Method | Description |
---|---|
[index] | Returns the <tr> element from the collection with the specified index (starts at 0). Note: Returns null if the index number is out of range |
item(index) | Returns the <tr> element from the collection with the specified index (starts at 0). Note: Returns null if the index number is out of range |
namedItem(id) | Returns the <tr> element from the collection with the specified id. Note: Returns null if the id does not exist |
Chi tiết kỹ thuật
Phiên bản DOM: | Đối tượng tài liệu cấp 2 cốt lõi |
---|---|
Giá trị trả lại: | Đối tượng HTMLCollection, đại diện cho tất cả các phần tử <tr> trong phần tử <table>. Các phần tử trong bộ sưu tập được sắp xếp khi chúng xuất hiện trong mã nguồn |
Các ví dụ khác
Thí dụ
[ chỉ mục ]
Cảnh báo InternalHTML của phần tử <tr> đầu tiên (chỉ mục 0) trong bảng:
alert(document.getElementById("myTable").rows[0].innerHTML;
Thí dụ
item ( chỉ mục )
Cảnh báo InternalHTML của phần tử <tr> đầu tiên (chỉ mục 0) trong bảng:
alert(document.getElementById("myTable").rows.item(0).innerHTML);
Thí dụ
NameItem ( id )
Cảnh báo InternalHTML của phần tử <tr> với id = "myRow" trong bảng:
alert(document.getElementById("myTable").rows.namedItem("myRow").innerHTML);
Thí dụ
Thay đổi nội dung của ô đầu tiên trong bảng:
var x = document.getElementById("myTable").rows[0].cells;
x[0].innerHTML = "NEW CONTENT";
Các trang liên quan
Tham chiếu HTML: Thẻ <tr> HTML
Tham chiếu JavaScript: Đối tượng HTML DOM TableRow
❮ Đối tượng bảng