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
31
32
33
34
35
36
37
38
39
40
|
<HTML>
<BODY>
<H1 ALIGN="center">This text is inside an H1 tag.</H1>
<DIV ALIGN="center" NOSHADE SIZE="5" WIDTH="50">This text is inside a DIV tag.</DIV>
<P ALIGN="center"> This text is inside a P tag.</P>
<P>
Use the buttons below to change the align attribute for the text showm
above.
</P>
<FORM>
<P>
Set <I>align</I> to
<SELECT SIZE="1" NAME="align">
<OPTION SELECTED VALUE="center">Center</OPTION>
<OPTION VALUE="left">Left</OPTION>
<OPTION VALUE="right">Right</OPTION>
</SELECT>
<INPUT TYPE="button" VALUE="Change Align" onClick="changeAlign(); return true;">
</P>
</FORM>
<SCRIPT>
var h1 = document.getElementsByTagName("h1")[0];
var div = document.getElementsByTagName("div")[0];
var para = document.getElementsByTagName("p")[0];
function changeAlign() {
if (document.forms[0].align.selectedIndex == 0) {
h1.align = div.align = para.align = "center";
}
else if (document.forms[0].align.selectedIndex == 1) {
h1.align = div.align = para.align = "left";
}
else {
h1.align = div.align = para.align = "right";
}
}
</SCRIPT>
</BODY>
</HTML>
|
