HTMLCollection length 속성

정의와 사용법

length 속성은 HTMLCollection에 있는 요소의 수를 반환합니다。

이 속성은 읽기 전용입니다。

HTMLCollection을 순회하려고 할 때 이 요소가 매우 유용합니다。

예제

예제 1

문서에 있는 P 요소의 수를 찾습니다：

function myFunction() {
  var l = document.getElementsByTagName("P").length;
  alert(l);
}

직접 시도해보세요

예제 2

모든 class="myclass" 요소를 순회하며 배경색을 변경합니다：

var x = document.getElementsByClassName("myclass");
for (i = 0; i < x.length; i++) {
  x[i].style.backgroundColor = "red";
}

직접 시도해보세요

문법

HTMLCollection.length

return value

数值，表示 HTMLCollection 中元素的数量。

브라우저 지원

속성 크롬 IE 파이어폭스 사파리 오페라
length 지원 지원 지원 지원 지원

관련 페이지

HTMLCollection：item() 메서드

HTML 요소:}}getElementsByClassName() 메서드

HTML 요소:}}getElementsByTagName() 메서드