코드를 실행해 개발자 도구의 콘솔창에서 document.forms로 값을 출력해 보면 HTMLCollection 객체에 모든 form 요소 노드의 정보가 담겨 있습니다.

그림 12-23 document.forms 실행결과

이때 HTMLCollection 객체는 유사 배열이라서 인덱스를 사용해 form 요소 노드에 하나씩 접근할 수 있습니다.

그림 12-24 HTMLCollection 객체에 인덱스로 접근

하지만 forms 속성을 사용하는 방법은 form 태그의 위치가 바뀌면 잘못 참조하게 되어 예기치 않게 오류가 발생할 수 있다는 단점이 있습니다.