HTML DOM 문서 forms 속성

정의 및 사용법

forms 속성은 문서에서 모든 <form> 요소의 집합을 반환합니다.

forms 속성은 문서에서 모든 <form> 요소의 집합을 반환합니다. HTMLCollection.

forms 속성은 읽기 전용입니다.

또한 참조:

폼 객체

Form 요소 집합

HTML <form> 태그

HTML 폼 튜토리얼

휘유함이렇게 사용해 주세요 Form 요소 집합 폼에서 모든 요소를 반환합니다.

HTMLCollection

HTMLCollection HTML 요소의 배열에 비슷한 집합(리스트)입니다.

可以通过索引访问集合中的元素（从 0 开始）。

속성 콜렉션의 요소를 인덱스로 접근할 수 있습니다（0부터 시작）。

속성이 콜렉션의 요소 수를 반환합니다。

예제

예제 1

문서의 <form> 요소 수를 반환합니다：

}

let num = document.forms.length;

예제 3

예제 2

}

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

예제 3

첫 번째 <form> 요소의 id를 가져옵니다：

}

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

예제 4

id="myCarForm"의 <form> 요소의 HTML 내용을 가져옵니다：

}

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

예제 5

모든 <form> 요소를 순회하면서 각 양식의 id를 출력합니다：
const form = document.forms[0];
const forms = document.forms;
  for (let i = 0; i < forms.length; i++) {
text += forms.elements[i].value + "<br>";

}

text += forms[i].id + "<br>";

예제 6

form.elements 콜렉션을 사용하여 양식의 각 요소의 값을 가져옵니다：
const form = document.forms[0];
let text = "";
  for (let i = 0; i < form.length; i++) {
text += forms.elements[i].value + "<br>";

}

직접 시도해 보세요

document.forms

문법

문법 설명
속성 length

콜렉션의 요소 수.

콜렉션의 요소 수. 설명
메서드item([

index

지정된 인덱스의 요소를 반환합니다（0부터 시작）。
]item(namedItem(

index

지정된 인덱스의 요소를 반환합니다（0부터 시작）。
만약 인덱스 범위를 벗어났다면 null을 반환합니다。만약namedItem(

) 만약 지정된

의 요소. 만약 id

존재하지 않으면 null을 반환합니다。

타입 설명
객체

HTMLCollection 객체。

문서의 모든 <form> 요소。

원본 코드에서 나타나는 순서로 정렬됩니다。

브라우저 지원

document.forms 이는 DOM Level 1 (1998) 기능입니다。

모든 브라우저가 지원합니다：

크롬 IE 에지 파이어폭스 사파리 오페라
크롬 IE 에지 파이어폭스 사파리 오페라
지원 9-11 지원 지원 지원 지원