본문 바로가기

Programming/JavaScript

제어 대상 찾기 ( getElementsByClassName )

두번째로 소개할 태그(엘리먼츠) 조회방법은 ClassName이다.
말 그대로 클래스의 이름을 기준으로 조회한다.




여기 문서를 보면 li태그중 2개의 태그만 클래스의 값이 'active'다.

HTML에서는 클래스라고 하는것이 자바스크립트에서는 클래스 네임이라는 표현을 쓴다.

14행에서 인자로 전달된 값('active')에 해당되는 클래스 네임을 갖고있는 엘리먼트들을 조회해서 그것을 유사배열에 담는 메소드다.
그렇게 해서 담긴 lis를 for문으로 처리하면 앞서봤던 getElementsByTagName에서 본것과 같이 동일하게 처리된다.



'Programming > JavaScript' 카테고리의 다른 글

jQuery  (0) 2017.11.06
제어 대상 찾기 ( getElementById )  (0) 2017.11.06
제어 대상 찾기 ( getElementsByTagName )  (0) 2017.11.06
BOM ( Location객체 , Navigator 객체 )  (0) 2017.11.04
BOM ( alert() , confirm() , prompt() )  (0) 2017.11.04