dom/style-declaration/enumerate-1.html

<!DOCTYPE HTML>
<html>
<head>
<title>for in CSSStyleDeclaration</title>
<style>
div {
  color: red;
  background-color: blue;
}
</style>
</head>
<body>

<ul></ul>

<script>
  var ul = document.getElementsByTagName ('ul')[0];
  var style = document.getElementsByTagName ('style')[0];
  var ss = style.sheet || style.styleSheet;
  var rules = ss.cssRules || ss.rules;
  var sd = rules[0].style;
  for (var v in sd) {
    var li = document.createElement ('li');
    li.appendChild (document.createElement ('code').appendChild (document.createTextNode (v)));
    ul.appendChild (li);
  }
</script>

</body>
</html>
1	wakaba	1.1	<!DOCTYPE HTML>
2			<html>
3			<head>
4			<title>for in CSSStyleDeclaration</title>
5			<style>
6			div {
7			color: red;
8			background-color: blue;
9			}
10			</style>
11			</head>
12			<body>
13
14			<ul></ul>
15
16			<script>
17			var ul = document.getElementsByTagName ('ul')[0];
18			var style = document.getElementsByTagName ('style')[0];
19			var ss = style.sheet \|\| style.styleSheet;
20			var rules = ss.cssRules \|\| ss.rules;
21			var sd = rules[0].style;
22			for (var v in sd) {
23			var li = document.createElement ('li');
24			li.appendChild (document.createElement ('code').appendChild (document.createTextNode (v)));
25			ul.appendChild (li);
26			}
27			</script>
28
29			</body>
30			</html>