DOM 예제 : 페이지에 로딩된 모든 stylesheet 정보를 접근해서 변경할수있다.

브라우저의 document object 객체의 Properties 속성은 모든 stylesheets 정보에 접근하여 가져온다.
밑의 예제는 stylesheets 정보를 가져와서 화면에 출력하는 소스이다.

stylesheets 정보이다.

BODY { background-color: darkblue; }
P { font-face: Arial; font-size: 10pt; margin-left: .125in; }
#lumpy { display: none; }

stylesheets 정보를 제어하는 자바스크립트 소스이다.

<script type="text/javascript">

<!--

function changeText() {

       ss = document.styleSheets;

       for(i=0; i<ss.length; i++){

             for(j=0; j<ss[i].cssRules.length; j++){

                    dump( ss[i].cssRules[j].selectorText + "\n" );

             }

       }

}

//-->

</script>

결과 값을 보여준다.

BODY
P
#LUMPY