Hướng dẫn get element from form javascript - lấy phần tử từ javascript biểu mẫu

❮ Hình thức đối tượng

Thí dụ

Tìm hiểu có bao nhiêu yếu tố trong một yếu tố được chỉ định:

var x = document.getEuityById ["myform"]. Các phần tử.length;

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

3

Hãy tự mình thử »

Thêm ví dụ "hãy thử nó" dưới đây.

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

Bộ sưu tập các yếu tố trả về một tập hợp tất cả các yếu tố trong một hình thức.

Lưu ý: 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. The elements in the collection are sorted as they appear in the source code.

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ử, không phải tất cả các phần tử trong tài liệu. Để có được tất cả các yếu tố trong tài liệu, hãy sử dụng bộ sưu tập tài liệu.forms thay thế. The elements collection returns all elements inside the element, not all elements in the document. To get all elements in the document, use the document.forms collection instead.

Hỗ trợ trình duyệt

Cú pháp

Đặc tính

Phương pháp

Trả về phần tử trong chỉ mục được chỉ định [bắt đầu từ 0].

Lưu ý: Trả về NULL nếu ID không tồn tại

Thí dụ

[index]

Chi tiết kỹ thuật

Phiên bản DOM:

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

Đối tượng tài liệu lõi cấp 2

Hãy tự mình thử »

Thí dụ

item[index]

Chi tiết kỹ thuật

Phiên bản DOM:

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

Đối tượng tài liệu lõi cấp 2

Hãy tự mình thử »

Thí dụ

namedItem[id]

Giá trị trở lại:

Một đối tượng HTMLformSControlCollection, đại diện cho tất cả các phần tử trong một phần tử. Các yếu tố trong bộ sưu tập được sắp xếp khi chúng xuất hiện trong mã nguồn

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

Đối tượng tài liệu lõi cấp 2

Hãy tự mình thử »

Thí dụ

Giá trị trở lại:

Một đối tượng HTMLformSControlCollection, đại diện cho tất cả các phần tử trong một phần tử. Các yếu tố trong bộ sưu tập được sắp xếp khi chúng xuất hiện trong mã nguồn
var txt = "";
var i;
for [i = 0; i < x.length; i++] {
  txt = txt + x.elements[i].value + "
";
}
document.getElementById["demo"].innerHTML = txt;

Nhiều ví dụ hơn

Nhận giá trị của phần tử đầu tiên [chỉ mục 0] trong một biểu mẫu:
Duck
Submit

Hãy tự mình thử »

❮ Hình thức đối tượng

const inputs = document.getElementById["my-form"].elements;
const inputByIndex = inputs[0];
const inputByName = inputs["username"];

const inputs = document.getElementById["my-form"].elements;
const inputByIndex = inputs[0];
const inputByName = inputs["username"];

const inputs = document.getElementById["my-form"].elements;
const inputByIndex = inputs[0];
const inputByName = inputs["username"];

const inputs = document.getElementById["my-form"].elements;
const inputByIndex = inputs[0];
const inputByName = inputs["username"];

const inputs = document.getElementById["my-form"].elements;

// Iterate over the form controls
for [let i = 0; i