getElementsByClassName()

getElementsByClassName() 메소드는 지정된 클래스 이름을 가진 문서의 모든 요소를 NodeList 객체로 반환한다.

NodeList 객체는 노드 컬렉션을 나타낸다. 노드는 인덱스 번호로 액세스 할 수 있고, 인덱스 는 0에서 시작한다.

Tip : NodeList 객체의 length 속성을 사용하여 지정된 클래스 이름을 가진 요소의 수를 결정한 다음 모든 요소를 반복하고 원하는 정보를 추출 할 수 있다.


getElementsByClassName() 메소드는 웹킷 기반 브라우저에서 적용한 탐색 스크립트이다.
getElementById()의 경우 ID가 부여된 단 하나의 요소만을 탐색하지만, getElementsByClassName()메서드는 className이 부여된 요소(그룹)을 반환한다.

'Test'라고 이름 지어진 모든 클래스 엘리먼트를 가져옵니다.

document.getElementsByClassName('test');

'Red'와 'Test' 라고 이름 지어진 모든 클래스 엘리먼틀르 가져옵니다.

document.getElementsByClassName('red test');

ID엘리먼트가 'main'인 엘리먼트 안의 'Test'라고 이름 지어진 모든 클래스 엘리먼트를 가져온다.

document.getElementById('main').getElementsByClassName('Test');

document.getElementsClassName()은 IE에서 지원하지 않는다.
그러니 다들 크롬쓰세요 크롬이 짱이니까

Javascript