자바스크립트 HTML DOM Collections

HTMLCollection 객체(Object)

The getElementsByTagName() 메소드는 HTMLCollection 객체(object)를 반환합니다.

HTMLCollection 객체는 HTML 요소(elements) 배열같은 목록(array-like list)(collection)입니다.

다음 코드는 문서의 모든 <p> 요소를 선택합니다:

Example

JavaScript HTML DOM

Hello World!

Hello Norway!

The innerHTML of the second paragraph is: Hello Norway!

주의: 인덱스(index)는 0으로 시작합니다.


HTML HTMLCollection 길이(Length)

length 속성(property)은 HTMLCollection에 있는 요소의 갯수(number of elements)를 정의합니다:

Example

JavaScript HTML DOM

Hello World!

Hello Norway!

This document contains 3 paragraphs.

예제 설명:

  1. 모든 <p> 요소의 모음(collection)을 만듭니다.
  2. 모음(collection)의 길이(갯수)를 표시합니다.

length 속성(property)은 모음(collection)의 요소들을 반복할(loop through) 때 유용합니다:

Example

JavaScript HTML DOM

Hello World!

Hello Norway!

Click the button to change the color of all p elements.

출처: JavaScript HTML DOM Collections

답글 남기기