JavaScript Reference/Javascript Properties/cssRules

Материал из Web эксперт
Перейти к: навигация, поиск

"cssRules" Example

<!-- 
Example revised from 
The Web Programmer"s Desk Reference
by Lazaro Issi Cohen and Joseph Issi Cohen 
ISBN: 1593270119
Publisher: No Starch Press 2004
-->    
<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>



"cssRules" is applied to

+----------------+--------------------------------------------------------------+
| Applied_To     |styleSheet                                                    |
+----------------+--------------------------------------------------------------+



"cssRules" Syntax and Note

Note:
Read-only property. 
Returns an array of style sheet rules. 
The corresponding IE property is rules.
    
Syntax:
    
document.styleSheet[index].cssRules
Источник — «http://wbex.ru/index.php?title=JavaScript_Reference/Javascript_Properties/cssRules&oldid=7211»