bộ các hàng của bảng

Đối tượng HTML DOM Table

định nghĩa và cách sử dụng

rows bộ sưu tập trả về bộ các phần tử <tr> trong bảng.

Ghi chú:Các phần tử trong bộ sưu tập được sắp xếp theo thứ tự xuất hiện trong mã nguồn.

Lưu ý:Hãy sử dụng insertRow() 方法 tạo hàng mới (<tr>).

Lưu ý:Hãy sử dụng deleteRow() 方法 Xóa hàng.

Lưu ý:Hãy sử dụng Phương pháp insertCell() Tạo ô mới (<td>).

Lưu ý:Hãy sử dụng Phương pháp deleteCell() Xóa ô.

Lưu ý:Hãy sử dụng Bộ sưu tập cells Trả về bộ sưu tập tất cả các phần tử <td> hoặc <th> trong bảng.

Xem thêm:

Tài liệu tham khảo HTML:Thẻ <tr> của HTML

Tài liệu tham khảo JavaScript:Đối tượng HTML DOM TableRow

Mô hình

Ví dụ 1

Xác định số hàng trong bảng:

var x = document.getElementById("myTable").rows.length;

Thử nghiệm trực tiếp

Kết quả của x sẽ là:

2

Ví dụ 2: [index]

Hiển thị innerHTML của phần tử <tr> đầu tiên (chỉ mục 0) trong bảng:

alert(document.getElementById("myTable").rows[0].innerHTML;

Thử nghiệm trực tiếp

Ví dụ 3: item(index)

Hiển thị innerHTML 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ử nghiệm trực tiếp

Ví dụ 4: namedItem(id)

Hiển thị innerHTML của phần tử <tr> có id="myRow" trong bảng:

alert(document.getElementById("myTable").rows.namedItem("myRow").innerHTML);

Thử nghiệm trực tiếp

Ví dụ 5

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

Thử nghiệm trực tiếp

Cú pháp

tableObject.rows

Thuộc tính

Thuộc tính Mô tả
length

Trả về số lượng phần tử <tr> trong bộ sưu tập.

Ghi chú:Thuộc tính này là chỉ đọc.

Phương pháp

Phương pháp Mô tả
[index]

Trả về phần tử <tr> có chỉ mục được chỉ định trong bộ sưu tập (bắt đầu từ 0).

Ghi chú:Nếu số thứ tự chỉ mục vượt ra ngoài phạm vi, sẽ trả về null.
item(index)

Trả về phần tử <tr> có chỉ mục được chỉ định trong bộ sưu tập (bắt đầu từ 0).

Ghi chú:Nếu số thứ tự chỉ mục vượt ra ngoài phạm vi, sẽ trả về null.
namedItem(id)

Trả về phần tử <tr> có id được chỉ định trong bộ sưu tập.

Ghi chú:Nếu id không tồn tại, sẽ trả về null.

Chi tiết kỹ thuật

Phiên bản DOM: Core Level 2 Document Object
Giá trị trả về:

Đối tượng HTMLCollection, biểu thị 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 theo thứ tự xuất hiện trong mã nguồn.

Hỗ trợ trình duyệt

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ

Đối tượng HTML DOM Table