Bộ sưu tập các ô của TableRow

Đối tượng HTML DOM TableRow

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

cells Bộ sưu tập trả về tất cả <td> hoặc <th> Bộ sưu tập phần tử.

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.

Mô hình

Ví dụ 1

Hiển thị số lượng ô trong hàng đầu tiên:

var x = document.getElementById("myTable").rows[0].cells.length;

Thử ngay

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

2

Ví dụ 2: [index]

Hiển thị nội dung innerHTML của ô đầu tiên trong hàng đầu tiên của bảng:

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

Thử ngay

Ví dụ 3: item(index)

Hiển thị nội dung innerHTML của ô đầu tiên trong hàng đầu tiên của bảng:

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

Thử ngay

Ví dụ 4: namedItem(id)

Hiển thị nội dung innerHTML của ô có id="myTd" trong hàng đầu tiên của bảng:

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

Thử ngay

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ử ngay

Cú pháp

tableObject.cells

Thuộc tính

Thuộc tính Mô tả
length

Trả về số lượng phần tử <td> và/hoặc <th> 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ử <td> và/hoặc <th> có chỉ mục xác định trong bộ sưu tập (bắt đầu từ 0).

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

Trả về phần tử <td> và/hoặc <th> có chỉ mục xác định trong bộ sưu tập (bắt đầu từ 0).

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

Trả về các phần tử <td> và/hoặc <th> từ bộ sưu tập có id đã chỉ định.

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

Chi tiết kỹ thuật

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

Đối tượng HTMLCollection, biểu thị tất cả các phần tử <td> và/hoặc <th> trong phần tử <tr>.

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 TableRow