JavaScript Reference/Javascript Properties/cssRules
"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