bộ sưu tập các cell của bảng

Đối tượng HTML DOM Table

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

cells bộ sưu tập trả về tất cả các yếu tố <td> hoặc <th> 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 ý:sử dụng bộ sưu tập rows trả về bộ sưu tập tất cả các yếu tố <tr> trong bảng.

Lưu ý:Vui lòng sử dụng phương thức insertRow() tạo hàng mới (<tr>).

Lưu ý:Vui lòng sử dụng phương thức deleteRow() xóa hàng.

Lưu ý:Vui lòng sử dụng phương thức insertCell() Tạo tế bào mới (<td>).

Lưu ý:Vui lòng sử dụng Phương pháp deleteCell() Xóa tế bào.

Xem thêm:

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

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

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

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

Mô hình

Ví dụ 1

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

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

Thử trực tiếp

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

2

Ví dụ 2: [index]

Xuất ra nội dung innerHTML của tế bào đầu tiên trong hàng đầu tiên của bảng:

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

Thử trực tiếp

Ví dụ 3: item(index)

Xuất ra nội dung innerHTML của tế bào đầu tiên trong hàng đầu tiên của bảng:

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

Thử trực tiếp

Ví dụ 4: namedItem(id)

Xuất ra nội dung innerHTML của tế bào có id="myTd" trong hàng đầu tiên của bảng:

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

Thử trực tiếp

Ví dụ 5

Thay đổi nội dung của tế bào bảng đầu tiên:

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

Thử trực tiếp

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 đượ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 khỏi phạm vi, sẽ trả về null.
item(index)

Trả về phần tử <td> và/hoặc <th> 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 khỏi phạm vi, sẽ 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 được chỉ định.

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