StyleSheets cssRules : styleSheet : Javascript Objects : JavaScript DHTML examples (example source code) Organized by topic

JavaScript DHTML
C++
PHP


JavaScript DHTML  »  Javascript Objects   » [  styleSheet  ]   
 



StyleSheets cssRules

Please note that some example is only working under IE or Firefox.

    
<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
























Home| Contact Us
Copyright 2003 - 04 Demo Source and Support. All rights reserved.
All other trademarks are property of their respective owners.