❮ Đối tượng bảng
Ví dụ
Tìm xem có bao nhiêu hàng trong một bảng
var x = tài liệu. getElementById["myTable"]. hàng. chiều dài;
Kết quả của x sẽ là
Tự mình thử »Thêm các ví dụ "Tự mình thử" bên dưới
Định nghĩa và cách sử dụng
Bộ sưu tập các hàng trả về một bộ sưu tập tất cả các phần tử trong một bảng
Ghi chú. Các thành phần trong bộ sưu tập được sắp xếp như chúng xuất hiện trong mã nguồn
Mẹo. Sử dụng phương thức insertRow[] để tạo một hàng mới []
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ột ô mới[]
Mẹo. Sử dụng phương thức deleteCell[] để xóa một ô
Mẹo. Sử dụng tập hợp ô để trả về tập hợp tất cả hoặc thành phần trong bảng
Hỗ trợ trình duyệt
Bộ sưu tậphàngCóCóCóCóCócú pháp
Tính chất
các yếu tố trong bộ sưu tậpGhi chú. Thuộc tính này là chỉ đọc
Thuộc tínhDescriptionlengthTrả về sốphương pháp
phần tử từ bộ sưu tập với chỉ mục được chỉ định [bắt đầu từ 0]Ghi chú. Trả về null nếu số chỉ mục nằm ngoài phạm vi
phần tử từ bộ sưu tập với chỉ mục được chỉ định [bắt đầu từ 0]Ghi chú. Trả về null nếu số chỉ mục nằm ngoài phạm vi
phần tử từ bộ sưu tập với id được chỉ địnhGhi chú. Trả về null nếu id không tồn tại
MethodDescription[index]Trả về mục[chỉ mục]Trả về tên mục[id]Trả vềchi tiết kỹ thuật
các phần tử trong Phiên bản DOM. Giá trị trả về đối tượng tài liệu cấp 2 cốt lõi. Đối tượng HTMLCollection, đại diện cho phần tử. Các thành phần trong bộ sưu tập được sắp xếp như chúng xuất hiện trong mã nguồnThêm ví dụ
Ví dụ
[mục lục]
Cảnh báo InternalHTML của phần tử đầu tiên [chỉ số 0] trong bảng
cảnh báo [tài liệu. getElementById["myTable"]. hàng[0]. bên trongHTML;
Ví dụ
mục [chỉ mục]
Cảnh báo InternalHTML của phần tử đầu tiên [chỉ số 0] trong bảng
cảnh báo [tài liệu. getElementById["myTable"]. hàng. mục[0]. InternalHTML];
Tự mình thử »Ví dụ
tênItem[id]
Cảnh báo InternalHTML của phần tử có id="myRow" trong bảng
cảnh báo [tài liệu. getElementById["myTable"]. hàng. tênItem["myRow"]. InternalHTML];
Tự mình thử »Ví dụ
Thay đổi nội dung ô đầu tiên của bảng
var x = tài liệu. getElementById["myTable"]. hàng[0]. ô;
x[0]. innerHTML = "NỘI DUNG MỚI";
Trang liên quan
tài liệu tham khảo HTML. thẻ HTML
Tham chiếu JavaScript. HTML DOM Đối tượng TableRow
❮ Đối tượng bảngBài viết này là tổng quan về một số phương pháp DOM cấp 1 mạnh mẽ, cơ bản và cách sử dụng chúng từ JavaScript. Bạn sẽ tìm hiểu cách tạo, truy cập, kiểm soát và xóa các phần tử HTML một cách linh hoạt. Các phương thức DOM được trình bày ở đây không dành riêng cho HTML; . Các minh họa được cung cấp ở đây sẽ hoạt động tốt trong mọi trình duyệt hiện đại
Ghi chú. Các phương thức DOM được trình bày ở đây là một phần của đặc tả cấp 1 Mô hình Đối tượng Tài liệu [Lõi]. DOM cấp 1 bao gồm cả các phương thức để truy cập và thao tác tài liệu chung [DOM 1 Core] cũng như các phương thức dành riêng cho tài liệu HTML [DOM 1 HTML]
Trong ví dụ này, chúng tôi thêm một bảng mới vào trang khi nhấp vào nút
HTML
JavaScript
function generateTable[] {
// creates a element and a element
const tbl = document.createElement["table"];
const tblBody = document.createElement["tbody"];
// creating all cells
for [let i = 0; i
Chủ Đề