mirror of
https://github.com/rn10950/RetroZilla.git
synced 2024-11-14 03:30:17 +01:00
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>
|