DOM HTMLCollection 참조 매뉴얼

HTMLCollection 객체

HTMLCollection 객체는 HTML 요소의 배열과 유사한 목록입니다。

getElementsByTagName()와 같은 메서드는 HTMLCollection을 반환합니다。

속성과 메서드

HTMLCollection 객체에서 다음 속성과 메서드를 사용할 수 있습니다：

속성 / 메서드 설명
item() HTMLCollection에서 지정된 인덱스处的 요소를 반환합니다。
length HTMLCollection의 요소 수를 반환합니다。
namedItem() 지정된 ID 또는 이름을 가진 요소를 반환합니다。

实例

实例

HTMLCollection을 가져옵니다：

var x = document.getElementsByTagName("P");
// 문서 중 모든 P 요소의 집합을 반환합니다

직접 시도해보세요

实例

문서 중 <p> 요소의 수를 출력합니다：

var x = document.getElementsByTagName("P");
document.write(x.length);

직접 시도해보세요

实例

HTMLCollection의 각 요소를 순회합니다：

x = document.getElementsByTagName("*");
l = x.length;
for (i = 0; i < l; i++) {
  document.write(x[i].tagName + "<br>");
}

직접 시도해보세요