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

<!DOCTYPE html>
<html lang="en">
<head>
<title>&lt;style> CSSStyleSheet.cssRules</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
> */ .cssRules.length</code> = 
<script type="text/javascript">
  var ds = document.styleSheets[0];
  writeResult (ds.cssRules.length);
</script></p>

<ol>
  <script type="text/javascript">
    var ds = document.styleSheets[0];
    var rules = ds.cssRules;
    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	wakaba	1.1	<!DOCTYPE html>
2			<html lang="en">
3			<head>
4			<title><style> CSSStyleSheet.cssRules</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			> */ .cssRules.length</code> =
19			<script type="text/javascript">
20			var ds = document.styleSheets[0];
21			writeResult (ds.cssRules.length);
22			</script></p>
23
24			<ol>
25			<script type="text/javascript">
26			var ds = document.styleSheets[0];
27			var rules = ds.cssRules;
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>