최신 웹 개발 튜토리얼
 

양식 요소 컬렉션

<양식 개체

지정된 거기에 얼마나 많은 요소를 찾아 <form> 요소 :

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

X의 결과는 다음과 같습니다

3
»그것을 자신을 시도

"Try it Yourself" 아래의 예.


정의 및 사용

요소의 컬렉션 형태의 모든 요소의 컬렉션을 반환합니다.

Note: 그들은 소스 코드에 나타나는 컬렉션의 요소가 분류되어 있습니다.

참고 : 요소 컬렉션 모든 내부 요소를 반환 <form> 요소, 모든 <form> 문서의 요소를. 모든 얻으려면 <form> 문서의 요소는 사용 하는 경우 - document.forms의 대신 수집.


브라우저 지원

수집
elements

통사론

formObject .elements

등록

재산 기술
length 의 요소 수 리턴 <form> 요소.

참고 :이 속성은 읽기 전용

행동 양식

방법 기술
[ index ] 의 요소 리턴 <form> 지정된 인덱스를 (starts at 0) .

주 : 인덱스 번호가 범위를 벗어 경우는 null를 돌려줍니다
item( index ) 의 요소 리턴 <form> 지정된 인덱스를 (starts at 0) .

주 : 인덱스 번호가 범위를 벗어 경우는 null를 돌려줍니다
namedItem( id ) 의 요소를 돌려줍니다 <form> 지정된 ID로합니다.

참고 : ID가 존재하지 않는 경우는 null를 돌려줍니다

기술적 세부 사항

DOM 버전 : 코어 레벨 2 문서 객체
반환 값 : A의 모든 요소를 나타내는 HTMLFormsControlCollection 개체, <form> 요소를. 그들은 소스 코드에 나타나는 컬렉션의 요소는 분류되어 있습니다

예

더 예

[인덱스]

첫 번째 요소의 값 위젯 (index 0) 형태를 :

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

X의 결과는 다음과 같습니다

Donald
»그것을 자신을 시도

item( index )

첫 번째 요소의 값 위젯 (index 0) 형태를 :

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

X의 결과는 다음과 같습니다

Donald
»그것을 자신을 시도

namedItem( id )

형태 이름 = "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
»그것을 자신을 시도

<양식 개체