DOM-getElementById

클래스 이름으로 선택하는것을 해보았으니 이번엔 ID로 요소 선택하는 방법을 알아보도록 하겠습니다.

메소드는 document.getElentById 입니다.

앞선 메소드와는 다른점이 있죠??ㅎㅎ 이번엔 메소드에 Element만 들어간다는 점입니다. s가 빠졌죠.

class는 같은 이름으로 여러가지를 쓸 수 있지만

ID는 한가지 만을 써야 된다는 점을 알 수 있습니다.

그럼 마찬가지로 코딩을 통해 알아보도록 하겠습니다.

    <script type="text/javascript">

      var lis = document.getElementById('active');    //Id값이 'active'인 속성을 선택

        lis.style.color='blue';                                  //색깔을 blue로 설정

    </script>

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

감사합니다~