blob: 8b9a3905ce72e1e1eca838e3048ceec0b6e1c530 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
|
<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>
|
