최신 웹 개발 튜토리얼
 

HTML DOM는 컬렉션을 형성한다

<문서 객체

예

얼마나 많은 알아 <form> 문서에있다 요소를 :

var x = document.forms.length;

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

1
»그것을 자신을 시도

더 "Try it Yourself" 아래의 예.

정의 및 사용

Forms 컬렉션의 모든 컬렉션 반환 <form> 문서의 요소를.

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

팁 : 사용 요소 의 모음 양식 개체 형태로 모든 요소의 컬렉션을 반환합니다.

브라우저 지원

수집
forms 예 예 예 예 예

통사론

document.forms

등록

재산 기술
length 의 수를 돌려줍니다 <form> 컬렉션의 요소를.

참고 :이 속성은 읽기 전용

행동 양식

방법 기술
[ index ] 반환 <form> 지정된 인덱스 집합에서 원소 (starts at 0) .

주 : 인덱스 번호가 범위를 벗어 경우는 null를 돌려줍니다
item( index ) 반환 <form> 지정된 인덱스 집합에서 원소 (starts at 0) .

주 : 인덱스 번호가 범위를 벗어 경우는 null를 돌려줍니다
namedItem( id ) 반품 <form> 지정된 ID를 가진 컬렉션에서 요소를.

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

기술적 세부 사항

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

더 예

예

[인덱스]

최초의 ID하세요 <form> 요소 (index 0) 문서를 :

var x = document.forms[0].id;

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

myCarForm
»그것을 자신을 시도

예

item( index )

최초의 ID하세요 <form> 요소 (index 0) 문서를 :

var x = document.forms.item(0).id;

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

myCarForm
»그것을 자신을 시도

예

namedItem( id )

의 HTML 콘텐츠 가져 오기 <form> 문서에 ID = "myForm을"과 요소를 :

var x = document.forms.namedItem("myCarForm").innerHTML;

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

Favorite Car:
»그것을 자신을 시도

예

모든 관통 루프 <form> 문서 내의 요소 및 각각의 출력 형태의 자료 :

var x = document.forms;
var txt = "";
var i;
for (i = 0; i < x.length; i++) {
    txt = txt + x[i].id + "<br>";
}

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

myCarForm
myColorForm
»그것을 자신을 시도

예

:> "형태의 각 요소의 값을, RGB (241, 241, 241)를 얻기 위해 함께하고 document.forms 요소 컬렉션을 사용

var x = document.forms[0];
var txt = "";
var i;
for (i = 0; i < x.length; i++) {
    txt = txt + x.elements[i].value + "<br>";
}

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

Donald
Duck
Duckburg
Submit
»그것을 자신을 시도

관련 페이지

자바 스크립트 참조 : HTML DOM 양식 개체

자바 스크립트 참조 : 양식 요소 컬렉션

HTML 튜토리얼 : HTML 양식

HTML 참조 : HTML <form> 태그

<문서 객체