StyleSheets cssRules : styleSheet : Javascript Objects JAVASCRIPT DHTML TUTORIALS

JAVASCRIPT DHTML TUTORIALS » Javascript Objects » styleSheet »

StyleSheets cssRules



    
<html>
<head>
<style>
#Layer1 { 
    font-family:Verdana; 
    color:blue 
}
</style>
<script language="JavaScript">
    function function1() {
        var n = document.styleSheets[0].cssRules;
        alert(n);
    }
</script>
</head>
<body>
<div id="Layer1" 
     style="position:absolute; 
            width:264px; 
            height:147px; 
            z-index:1; 
            background-color: #FFFF99; 
            layer-background-color: #FFFF99; 
            border: 1px solid #000000;">
div element content.
</div>
<button onClick="function1();">Click here</button>
</body>
</html>