Các biểu mẫu tài liệu DOM HTML
Thí dụ
Số phần tử <form> trong tài liệu:
let num = document.forms.length;
Lấy id của phần tử <form> đầu tiên:
let id = document.forms[0].id;
Lấy id của phần tử <form> đầu tiên:
let id = document.forms.item(0).id;
Lấy nội dung HTML của phần tử <form> với id = "myCarForm":
let html = document.forms.namedItem("myCarForm").innerHTML;
Thêm ví dụ bên dưới.
Định nghĩa và Cách sử dụng
Thuộc forms
tính trả về một tập hợp tất cả các phần tử <form> trong một tài liệu.
Thuộc forms
tính trả về một bộ sưu tập HTMLC .
Thuộc forms
tính 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 các phần tử của Biểu mẫu để trả về tất cả các phần tử trong một biểu mẫu.
HTMLCollection
Bộ sưu tập HTMLC là một tập hợp các nút HTML.
Các nút trong một bộ sưu tập có thể được truy cập bằng số chỉ mục. Chỉ số bắt đầu từ 0.
Thuộc tính length trả về số phần tử trong tập hợp.
Cú pháp
document.forms
Tính chất
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ả lại
Loại | Sự miêu tả |
Sự vật | Đối tượng HTMLCollection . Tất cả các phần tử <form> trong tài liệu. Được sắp xếp khi chúng xuất hiện trong mã nguồn |
Các ví dụ khác
Lặp qua tất cả các phần tử <form> và xuất ra id của mỗi biểu mẫu:
const forms = document.forms;
let text = "";
for (let i = 0; i < forms.length; i++) {
text += forms[i].id + "<br>";
}
Sử dụng tập hợp form.elements để nhận 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ỗ trợ trình duyệt
document.forms
là một tính năng DOM Level 1 (1998).
Nó được hỗ trợ đầy đủ trong tất cả các trình duyệt:
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | 9-11 | Yes | Yes | Yes | Yes |