Biểu mẫu tài liệu HTML DOM
Ví dụ
Số phần tử <form> trong tài liệu:
let num = document.forms.length;
Hãy tự mình thử »Lấy id của phần tử <form> đầu tiên:
let id = document.forms[0].id;
Hãy tự mình thử »Lấy id của phần tử <form> đầu tiên:
let id = document.forms.item(0).id;
Hãy tự mình thử »Lấy nội dung HTML của phần tử <form> với id="myCarForm":
let html = document.forms.namedItem("myCarForm").innerHTML;
Hãy tự mình thử »Thêm ví dụ dưới đây.
Sự miêu tả
Thuộc tính forms
trả về tập hợp tất cả các phần tử <form> trong tài liệu.
Thuộc tính forms
trả về HTMLCollection .
Thuộc tính forms
là chỉ đọc.
Xem thêm:
Bộ sưu tập các phần tử biểu mẫu
Mẹo:
Sử dụng Bộ sưu tập phần tử Biểu mẫu để trả về tất cả các phần tử trong một biểu mẫu.
Bộ sưu tập HTML
HTMLCollection là một tập hợp (danh sách) các phần tử HTML giống như mảng.
Thuộc tính length trả về số phần tử trong bộ sưu tập.
Các phần tử có thể được truy cập theo chỉ mục (bắt đầu từ 0).
Một HTMLCollection đang hoạt động. Nó được tự động cập nhật khi tài liệu được thay đổi.
Cú pháp
document.forms
Của cải
Property | Description |
length | The number of elements in the collection. |
phương pháp
Method | Description |
[ index ] | Returns the element with the specified index (starts at 0). Returns null if the index is out of range. |
item( index ) | Returns the element with the specified index (starts at 0). Returns null if the index is out of range. |
namedItem( id ) | Returns the element with the specified id. Returns null if the id does not exist. |
Giá trị trả về
Kiểu | Sự miêu tả |
Sự vật | Một đối tượng HTMLCollection . Tất cả các phần tử <form> trong tài liệu. Sắp xếp khi chúng xuất hiện trong mã nguồn |
Thêm ví dụ
Lặp qua tất cả các phần tử <form> và xuất id của từng biểu mẫu:
const forms = document.forms;
let text = "";
for (let i = 0; i < forms.length; i++) {
text += forms[i].id + "<br>";
}
Hãy tự mình thử »Sử dụng bộ sưu tập form.elements để lấy giá trị của từng phần tử trong biểu mẫu:
const form = document.forms[0];
let text = "";
for (let i = 0; i < form.length; i++) {
text += forms.elements[i].value + "<br>";
}
Hãy tự mình thử »Hỗ trợ trình duyệt
document.forms
là tính năng DOM Cấp 1 (1998).
Nó được hỗ trợ đầy đủ trong tất cả các trình duyệt:
Chrome | Edge | Firefox | Safari | Opera | IE |
Yes | Yes | Yes | Yes | Yes | 9-11 |