Form elements 집합

HTML DOM 폼 객체

정의와 사용법

elements 양식 요소의 모든 요소 집합을 반환합니다.

비고：소스 코드에서 등장하는 순서에 따라 요소들이 정렬됩니다.

비고：elements 집합은 <form> 요소 내의 모든 요소를 반환하며, 문서 내의 모든 <form> 요소를 반환하지 않습니다. 문서 내의 모든 <form> 요소를 얻으려면 다른 방법을 사용하십시오. document.forms 집합。

실례

예제 1

지정된 <form> 요소에 있는 요소 수를 찾습니다：

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

직접 시험해 보세요

x의 결과는 다음과 같을 것입니다：

3

주의：하단 페이지에서 더 많은 예제를 제공합니다。

문법

formObject.elements

속성

속성 설명
length

이 요소의 수를 반환합니다 <form>.

비고：이 속성은 읽기 전용입니다。

메서드

메서드 설명
[index]

지정된 인덱스를 가진 요소를 반환합니다 <form> (0부터 시작).

비고：인덱스 번호가 범위를 벗어나면 null을 반환합니다。
item(index)

지정된 인덱스를 가진 요소를 반환합니다 <form> (0부터 시작).

비고：인덱스 번호가 범위를 벗어나면 null을 반환합니다。
namedItem(id)

지정된 id를 가진 요소를 반환합니다 <form>.

비고：id가 존재하지 않으면 null을 반환합니다。

기술 세부 사항

DOM 버전： Core Level 2 Document Object
return value:

HTMLFormsControlCollection 객체는 <form> 요소에 있는 모든 요소를 대표합니다。

집합의 요소는 원본 코드에서 나타나는 순서로 정렬됩니다。

更多实例

예제 2：[index]

첫 번째 요소의 값을 얻습니다 (인덱스 0)：

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

직접 시험해 보세요

x의 결과는 다음과 같을 것입니다：

독락

예제 3：item(index)

첫 번째 요소의 값을 얻습니다 (인덱스 0)：

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

직접 시험해 보세요

x의 결과는 다음과 같을 것입니다：

독락

예제 4：namedItem(id)

name="fname" 요소의 값을 얻습니다：

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

직접 시험해 보세요

x의 결과는 다음과 같을 것입니다：

독락

예제 5

순회하여 양식에 있는 모든 요소를 탐색하고 각 요소의 값을 출력합니다：

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;

직접 시험해 보세요

x의 결과는 다음과 같을 것입니다：

독락
다크
제출

브라우저 지원

크롬 에지 파이어폭스 사파리 오페라
크롬 에지 파이어폭스 사파리 오페라
지원 지원 지원 지원 지원

HTML DOM 폼 객체