StyleSheets cssRules : styleSheet « Javascript Objects « JavaScript DHTML






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>

    
      
      








Related examples in the same category

1.StyleSheet: owningElement
2.Style Sheet 'readOnly'
3.styleSheets 'pseudoClass'
4.stylesSheets.imports parent Style Sheet
5.Style Sheets title
6.styleSheet rules
7.Style Sheet type