31 lines
689 B
HTML
31 lines
689 B
HTML
<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>
|