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	<!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>