Phần tử biểu mẫu Bộ sưu tập
Thí dụ
Tìm xem có bao nhiêu phần tử trong một phần tử <form> được chỉ định:
var x = document.getElementById("myForm").elements.length;
Kết quả của x sẽ là:
3
Thêm các ví dụ "Hãy tự mình thử" bên dưới.
Định nghĩa và Cách sử dụng
Bộ sưu tập các phần tử trả về một tập hợp tất cả các phần tử trong một biểu mẫu.
Lưu ý: Các phần tử trong bộ sưu tập được sắp xếp như chúng xuất hiện trong mã nguồn.
Lưu ý: Bộ sưu tập phần tử trả về tất cả các phần tử bên trong phần tử <form>, không phải tất cả các phần tử <form> trong tài liệu. Để lấy tất cả các phần tử <form> trong tài liệu, hãy sử dụng bộ sưu tập document.forms để thay thế.
Hỗ trợ trình duyệt
Collection | |||||
---|---|---|---|---|---|
elements | Yes | Yes | Yes | Yes | Yes |
Cú pháp
formObject.elements
Tính chất
Property | Description |
---|---|
length | Returns the number of elements in the <form> element. Note: This property is read-only |
Phương pháp
Method | Description |
---|---|
[index] | Returns the element in <form> with the specified index (starts at 0). Note: Returns null if the index number is out of range |
item(index) | Returns the element in <form> with the specified index (starts at 0). Note: Returns null if the index number is out of range |
namedItem(id) | Returns the element in <form> with the specified id. Note: Returns null if the id does not exist |
Chi tiết kỹ thuật
Phiên bản DOM: | Đối tượng tài liệu cấp 2 cốt lõi |
---|---|
Giá trị trả lại: | Một đối tượng HTMLFormsControlCollection, đại diện cho tất cả các phần tử trong phần tử <form>. 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
Thí dụ
[ chỉ mục ]
Nhận giá trị của phần tử đầu tiên (chỉ số 0) trong một biểu mẫu:
var x = document.getElementById("myForm").elements[0].value;
Kết quả của x sẽ là:
Donald
Thí dụ
item ( chỉ mục )
Nhận giá trị của phần tử đầu tiên (chỉ số 0) trong một biểu mẫu:
var x = document.getElementById("myForm").elements.item(0).value;
Kết quả của x sẽ là:
Donald
Thí dụ
NameItem ( id )
Nhận giá trị của phần tử có name = "fname" trong một biểu mẫu:
var x = document.getElementById("myForm").elements.namedItem("fname").value;
Kết quả của x sẽ là:
Donald
Thí dụ
Lặp qua tất cả các phần tử trong một biểu mẫu và xuất ra giá trị của mỗi phần tử:
var x = document.getElementById("myForm");
var txt = "";
var i;
for (i = 0; i < x.length; i++)
{
txt = txt + x.elements[i].value + "<br>";
}
document.getElementById("demo").innerHTML = txt;
Kết quả của txt sẽ là:
Donald
Duck
Submit
❮ Đối tượng biểu mẫu