양식 요소 컬렉션
예시
지정된 <form> 요소에 몇 개의 요소가 있는지 확인합니다.
var x = document.getElementById("myForm").elements.length;
x 의 결과 는 다음과 같습니다.
3
아래에서 더 많은 "직접 사용해 보기" 예를 살펴보세요.
정의 및 사용
요소 컬렉션은 양식의 모든 요소 컬렉션을 반환합니다.
참고: 컬렉션의 요소는 소스 코드에 나타나는 대로 정렬됩니다.
참고: 요소 컬렉션은 문서의 모든 <form> 요소가 아니라 <form> 요소 내부의 모든 요소 를 반환합니다. 문서의 모든 <form> 요소를 가져오려면 document.forms 컬렉션을 대신 사용하세요.
브라우저 지원
| Collection | |||||
|---|---|---|---|---|---|
| elements | Yes | Yes | Yes | Yes | Yes |
통사론
formObject.elements
속성
| Property | Description |
|---|---|
| length | Returns the number of elements in the <form> element. Note: This property is read-only |
행동 양식
| 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 |
기술적 세부 사항
| DOM 버전: | 핵심 수준 2 문서 개체 |
|---|---|
| 반환 값: | <form> 요소의 모든 요소를 나타내는 HTMLFormsControlCollection 개체입니다. 컬렉션의 요소는 소스 코드에 나타나는 대로 정렬됩니다. |
더 많은 예
예시
[ 인덱스 ]
형식에서 첫 번째 요소(인덱스 0)의 값을 가져옵니다.
var x = document.getElementById("myForm").elements[0].value;
x 의 결과 는 다음과 같습니다.
Donald
예시
항목( 인덱스 )
형식에서 첫 번째 요소(인덱스 0)의 값을 가져옵니다.
var x = document.getElementById("myForm").elements.item(0).value;
x 의 결과 는 다음과 같습니다.
Donald
예시
명명된 항목( 아이디 )
다음과 같은 형식으로 name="fname"인 요소의 값을 가져옵니다.
var x = document.getElementById("myForm").elements.namedItem("fname").value;
x 의 결과 는 다음과 같습니다.
Donald
예시
양식의 모든 요소를 반복하고 각 요소의 값을 출력합니다.
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;
txt 의 결과 는 다음과 같습니다.
Donald
Duck
Submit
❮ 양식 개체