Bộ sưu tập các ô của 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;
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);
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);
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);
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";
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ợ |