Thuộc tính forms của Document DOM HTML

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

forms Thuộc tính trả về tập hợp tất cả các yếu tố <form> trong tài liệu.

forms Thuộc tính trả về HTMLCollection.

forms Thuộc tính là chỉ đọc.

Xem thêm:

Đối tượng Form

Hợp nhất các yếu tố biểu mẫu

Thẻ <form> HTML

Hướng dẫn HTML biểu mẫu

Lưu ý:Vui lòng sử dụng Hợp nhất các yếu tố biểu mẫu Trả về tất cả các yếu tố trong biểu mẫu.

HTMLCollection

HTMLCollection Là tập hợp (danh sách) các yếu tố HTML tương tự mảng.

có thể truy cập vào yếu tố trong bộ sưu tập bằng chỉ số (bắt đầu từ 0).

length thuộc tính trả về số lượng yếu tố trong bộ sưu tập.

mẫu

ví dụ 1

trả về số lượng yếu tố <form> trong tài liệu:

let num = document.forms.length;

thử trực tiếp

ví dụ 2

lấy id của yếu tố <form> đầu tiên:

let id = document.forms[0].id;

thử trực tiếp

ví dụ 3

lấy id của yếu tố <form> đầu tiên:

let id = document.forms.item(0).id;

thử trực tiếp

ví dụ 4

lấy nội dung HTML của yếu tố <form> có id="myCarForm":

let html = document.forms.namedItem("myCarForm").innerHTML;

thử trực tiếp

ví dụ 5

lặp qua tất cả các yếu 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>";
}

thử trực tiếp

ví dụ 6

sử dụng bộ sưu tập form.elements để lấy giá trị của mỗi yếu 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>";
}

thử trực tiếp

cú pháp

document.forms

thuộc tính

thuộc tính miêu tả
length số lượng yếu tố trong bộ sưu tập.

phương pháp

phương pháp miêu tả
[index]

trả về yếu tố có chỉ định chỉ số (bắt đầu từ 0).

nếu chỉ số vượt ra khỏi phạm vi, thì trả về null.
item(index)

trả về yếu tố có chỉ định chỉ số (bắt đầu từ 0).

nếu chỉ số vượt ra khỏi phạm vi, thì trả về null.
namedItem(id)

trả về yếu tố có chỉ định id của yếu tố.

nếu id không tồn tại, thì trả về null.

trả về giá trị

loại miêu tả
đối tượng

đối tượng HTMLCollection.

tất cả các yếu tố <form> trong tài liệu.

sắp xếp theo thứ tự xuất hiện trong mã nguồn.

hỗ trợ trình duyệt

document.forms là tính năng DOM Level 1 (1998).

Tất cả các trình duyệt đều hỗ trợ nó:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
hỗ trợ 9-11 hỗ trợ hỗ trợ hỗ trợ hỗ trợ