<HTML> <HEAD> <SCRIPT> function ruleColor(ruleIndex) { alert("The color of rule " + ruleIndex + " is " + document.styleSheets[0].rules.item(ruleIndex).style.color + "."); } </SCRIPT> <STYLE> .rule0 {color:"red"} .rule1 {color:"blue"} </STYLE> </HEAD> <BODY> <P class="rule0" id="oRule0Span"> Rule 0 is applied to this line. </P> <P class="rule1" id="oRule1Span"> Rule 1 is applied to this line. </P> <BUTTON οnclick="ruleColor(0)">Color of Rule 0</BUTTON> <BUTTON οnclick="ruleColor(1)">Color of Rule 1</BUTTON> </BODY> </HTML>