style-sheet/css-rules/rules-2.html

<!DOCTYPE html>
<html lang="en">
<head>
<title>&lt;style> CSSStyleSheet.rules</title>
<style type="text/css">
#test-style-1 {
  color: blue;
}
#test-style-2 {
  color: green;
}
</style>
<script src="../../../support/result0.js"></script>
</head>
<body>

<p><code><var>CSSStyleSheet</var> /* <code>&lt;style></code
> */ .rules.length</code> = 
<script type="text/javascript">
  var ds = document.styleSheets[0];
  writeResult (ds.rules.length);
</script></p>

<ol>
  <script type="text/javascript">
    var ds = document.styleSheets[0];
    var rules = ds.rules;
    var rulesL = rules.length;
    for (var i = 0; i < rulesL; i++) {
      var rule = rules[i];
      document.write ('<li>');
      writeResult (rule);
      document.write ('</li>');
    }
  </script>
</ol>

</body>
</html>
1	<!DOCTYPE html>
2	<html lang="en">
3	<head>
4	<title><style> CSSStyleSheet.rules</title>
5	<style type="text/css">
6	#test-style-1 {
7	color: blue;
8	}
9	#test-style-2 {
10	color: green;
11	}
12	</style>
13	<script src="../../../support/result0.js"></script>
14	</head>
15	<body>
16
17	<p><code><var>CSSStyleSheet</var> /* <code><style></code
18	> */ .rules.length</code> =
19	<script type="text/javascript">
20	var ds = document.styleSheets[0];
21	writeResult (ds.rules.length);
22	</script></p>
23
24	<ol>
25	<script type="text/javascript">
26	var ds = document.styleSheets[0];
27	var rules = ds.rules;
28	var rulesL = rules.length;
29	for (var i = 0; i < rulesL; i++) {
30	var rule = rules[i];
31	document.write ('<li>');
32	writeResult (rule);
33	document.write ('</li>');
34	}
35	</script>
36	</ol>
37
38	</body>
39	</html>