elements 속성은 form 요소 노드의 하위 노드 중 폼 요소 노드만 반환하는 속성입니다. 예제 코드에서 form 요소 노드를 선택한 후 elements 속성을 사용하면 그림과 같이 출력됩니다.

그림 12-26 실행결과

그림처럼 elements 속성은 HTMLFormControlsCollection 객체에 여러 개의 노드를 담아 반환합니다. HTMLFormControlsCollection 객체에는 form 요소 노드의 하위에 있는 폼 요소 노드의 정보가 담겨 있습니다. 이때 인덱스로 정의된 폼 요소 노드의 정보는 기본으로 포함되는 값입니다. 하지만 앞의 예제 코드처럼 폼 요소에 name 속성을 사용했다면 name 속성값으로도 노드를 참조할 수 있게 데이터가 정의됩니다. 따라서 폼 요소에 접근할 때는 인덱스를 사용하는 방법과 name 속성값을 사용하는 방법 중 하나를 선택할 수 있습니다.

document.frm1.elements[0]; // 0번 인덱스 노드
document.frm1.elements['uname']; // form 요소 노드의 하위 노드 중에서 name 속성값이 uname인 노드