HTMLCollection

HTMLCollection

HTMLCollection은 리턴 결과가 복수인 경우에 사용하게 되는 객체다. 

정도로 정의가 되지만 

코드를 보면 좀더 직관적입니다. 

예를들면 

<ul>

    <li>HTML</li>

    <li>CSS</li>

    <li id="active">JavaScript</li>

</ul>

위와 같은 html 코드가 있을때

var lis = document.getElementsByTagName('li');  

이렇게 문서에서 tag <li> 을 선택하게 되면 lis 변수에는 총3개의 <li> 태그 변수를 리스트 형식으로 리턴 받게 됩니다. 

이러한 것을 HTMLCollection 형태라고 합니다.

그리고 HTMLCollection 형태가 가지는 구조는 HTMLCollection 

interface HTMLCollection {

  readonly attribute unsigned long   length;

  Node               item(in unsigned long index);

  Node               namedItem(in DOMString name);

};

와 같습니다. 

일반적으로 변수에서 lis[0] or lis[1]  이렇게 하위 item 들을 선택합니다.