Bộ sưu tập các phần tử của Form

HTML DOM Form đối tượng

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

elements Bộ sưu tập trả về tập hợp tất cả các phần tử trong biểu mẫu.

Ghi chú:Các phần tử trong bộ sưu tập được sắp xếp theo thứ tự xuất hiện trong mã nguồn.

Ghi chú:Bộ sưu tập elements trả về tất cả các phần tử trong phần tử <form>, không phải tất cả các phần tử <form> trong tài liệu. Nếu cần lấy tất cả các phần tử <form> trong tài liệu, vui lòng sử dụng Bộ sưu tập document.forms.

thực例

ví dụ 1

Tìm ra số lượng phần tử trong phần tử <form> được chỉ định:

var x = document.getElementById("myForm").elements.length;

Thử trực tiếp

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

3

Lưu ý:Có thêm nhiều ví dụ ở dưới trang.

Cú pháp

formObject.elements

Thuộc tính

Thuộc tính Mô tả
length

Trả về số lượng phần tử trong phần tử <form>.

Ghi chú:Thuộc tính này là chỉ đọc.

Phương thức

Phương thức Mô tả
[index]

Trả về phần tử có chỉ số được chỉ định trong <form> (bắt đầu từ 0).

Ghi chú:Nếu số thứ tự chỉ định vượt ra ngoài phạm vi, sẽ trả về null.
item(index)

Trả về phần tử có chỉ số được chỉ định trong <form> (bắt đầu từ 0).

Ghi chú:Nếu số thứ tự chỉ định vượt ra ngoài phạm vi, sẽ trả về null.
namedItem(id)

Trả về phần tử có id được chỉ định trong <form>.

Ghi chú:Nếu id không tồn tại, sẽ trả về null.

Chi tiết kỹ thuật

Phiên bản DOM: Core Level 2 Document Object
Giá trị trả về:

Đố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 theo thứ tự xuất hiện trong mã nguồn.

thêm nhiều ví dụ

ví dụ 2: [index]

lấy giá trị của phần tử đầu tiên trong biểu mẫu (ký hiệu 0):

var x = document.getElementById("myForm").elements[0].value;

Thử trực tiếp

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

Donald

ví dụ 3: item(index)

lấy giá trị của phần tử đầu tiên trong biểu mẫu (ký hiệu 0):

var x = document.getElementById("myForm").elements.item(0).value;

Thử trực tiếp

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

Donald

ví dụ 4: namedItem(id)

lấy giá trị của phần tử có name="fname" trong biểu mẫu:

var x = document.getElementById("myForm").elements.namedItem("fname").value;

Thử trực tiếp

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

Donald

ví dụ 5

lặp qua tất cả các phần tử trong biểu mẫu và hiển thị 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;

Thử trực tiếp

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

Donald
Duck
Submit

Hỗ trợ trình duyệt

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ

HTML DOM Form đối tượng