DOM-getElementsByClassName

오늘은 getElementsByClassName 에 대해 알아보도록 하겠습니다.

영어 그대로 클래스의 이름을 선택(?)/추출(?) 하는 메소드입니다.

그럼 코딩을 통해 알아보도록 하겠습니다.

    <script type="text/javascript">

      var lis = document.getElementsByClassName('active');     //클래스 이름이 active인 것만 선택(?)

      for(i=0;i<lis.length;i++){                                            //for문을 통해 클래스 이름이 active인 갯수만큼 반복

        lis[i].style.color="blue";                                          //색깔을 파란색으로 설정

      }

    </script>

결과화면은 다음과 같습니다.

감사합니다~