<HTML> <HEAD> <STYLE> .first { display: inline; color: green; } .second { display: block; color: red; } </STYLE> <SCRIPT> var className = "first"; function toggleClass() { var node = document.getElementById("foo"); if (className == "first") { className = "second"; } else { className = "first"; } node.className = className; } </SCRIPT> </HEAD> <BODY> <H1>Changing CLASS test</H1> <P>Clicking on the button that follows this paragraph should change the layout of <SPAN ID="foo" CLASS="first">these words</SPAN> with respect to the rest of the flow.</P> <FORM> <INPUT TYPE="button" VALUE="Toggle class" onClick="toggleClass(); return true;"> </FORM> </BODY> </HTML>