mirror of
https://github.com/mozilla/gecko-dev.git
synced 2024-10-31 22:25:30 +00:00
40 lines
1.1 KiB
HTML
40 lines
1.1 KiB
HTML
<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> |