Bảng

ô

Bộ sưu tập

❮ Đối tượng bảng

Ví dụ

Tìm xem có bao nhiêu ô ở hàng đầu tiên trong bảng:

var x = document.getElementById (“myTable”). row [0] .cells.length;

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

2

Hãy tự mình thử »

Các ví dụ khác về “Hãy tự mình thử” bên dưới.

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

Tập hợp ô trả về tập hợp tất cả & lt; td & gt; hoặc & lt; th & gt; các phần tử trong bảng.

Lưu ý: Các phần tử trong bộ sưu tập được sắp xếp giống như chúng xuất hiện trong mã nguồn.

Mẹo: Sử dụng bộ sưu tập hàng để trả lại bộ sưu tập gồm tất cả & lt; tr & gt; các phần tử trong bảng.

Mẹo: Sử dụng phương thức insertRow () để tạo một hàng mới (& lt; tr & gt;).

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ới (& lt; td & gt;).

Mẹo: Sử dụng phương thức deleteCell () để xóa một ô.

Hỗ trợ trình duyệt

Bộ sưu tập

tế bào
Đúng
Đúng
Đúng
Đúng
Đúng

Cú pháp

tableObject.cells

Thuộc tính

Tài sản
Sự mô tả

chiều dài
Trả về số & lt; td & gt; và / hoặc & lt; th & gt; các phần tử trong bộ sưu tập.

Lưu ý: Thuộc tính này ở chế độ chỉ đọc

Phương pháp

Phương pháp
Sự mô tả

[]
Trả về & lt; td & gt; và / hoặc & lt; th & gt; phần tử từ bộ sưu tập với chỉ mục được chỉ định (bắt đầu từ 0).

Lưu ý: Trả về giá trị rỗng nếu số chỉ mục nằm ngoài phạm vi

mục()
Trả về & lt; td & gt; và / hoặc & lt; th & gt; phần tử từ bộ sưu tập với chỉ mục được chỉ định (bắt đầu từ 0).

Lưu ý: Trả về giá trị rỗng nếu số chỉ mục nằm ngoài phạm vi

NameItem ()
Trả về & lt; td & gt; và / hoặc & lt; th & gt; phần tử từ bộ sưu tập với id được chỉ định.

Lưu ý: Trả về null nếu id không tồn tại

Chi tiết kỹ thuật

Phiên bản DOM:
Đối tượng tài liệu cốt lõi cấp độ 2

Giá trị trả lại:
Đối tượng HTMLCollection, đại diện cho tất cả & lt; td & gt; và / hoặc & lt; th & gt; các phần tử trong & lt; bảng & gt; yếu tố. 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

Ví dụ

[chỉ mục]

Cảnh báo InternalHTML của ô đầu tiên trong hàng đầu tiên của bảng:

alert (document.getElementById (“myTable”). row [0] .cells [0] .innerHTML);

Hãy tự mình thử »

Ví dụ

mục (chỉ mục)

Cảnh báo InternalHTML của ô đầu tiên trong hàng đầu tiên của bảng:

alert (document.getElementById (“myTable”). row [0] .cells.item (0) .innerHTML);

Hãy tự mình thử »

Ví dụ

tênItem (id)

Cảnh báo InternalHTML của ô có id = “myTd” ở hàng đầu tiên của bảng:

alert (document.getElementById (“myTable”). row [0] .cells.nameItem (“myTd”). innerHTML);

Hãy tự mình thử »

Ví dụ

Thay đổi nội dung của ô đầu tiên trong bảng:

var x = document.getElementById (“myTable”). row [0] .cells;
x [0] .innerHTML = “NEW CONTENT”;

Hãy tự mình thử »

Các trang liên quan

Tham chiếu HTML: HTML & lt; td & gt; thẻ

Tham chiếu HTML: HTML & lt; th & gt; thẻ

Tham chiếu JavaScript: Đối tượng dữ liệu bảng HTML DOM

Tham chiếu JavaScript: HTML DOM TableHeader Object

❮ Đối tượng bảng