<html>
<head>
<script language="JavaScript">
function a1()
{
document.getElementById('a1').style.fontSize="10px";
}
function a2()
{
document.getElementById('a1').style.fontSize="20px";
}
function a3()
{
document.getElementById('a1').style.fontSize="30px";
}
//以上由三個按鈕控制。
function ok1()
{
document.getElementById("a1").style.fontSize=document.getElementById("aa1").value;
}
//以上是由下拉菜單控制
function ok()
{
document.getElementById(document.getElementById("aaa").value).style.fontSize=document.getElementById("wo").value+"px";
}
//以上是由輸入值控制。並由下拉菜單選擇控制區域。
</script>
<title></title>
</head>
<body >
<table width="500" height="150" border="1" id="a1">
<tr>
<td>
字體
</td>
</tr>
</table>
<table width="500" height="150" border="1" id="20">
<tr>
<td>
字體
</td>
</tr>
</table>
<input type="button" οnclick="a1()" id="a1" value="a">
<input type="button" οnclick="a2()" id="a2" value="b">
<input type="button" οnclick="a3()" id="a3" value="c">
<p>
<select id="aa1">
<option value="10px">10px</option>
<option value="20px">20px</option>
<option value="30px">30px</option>
</select>
<input type="button" οnclick="ok1()" value="ok">
<p>
<select id="aaa">
<option value="a1">a1</option>
<option value="20">20</option>
</select>
<input type="text" id="wo">
<input type="button" οnclick="ok()" value="px"><p>
</body>
</html>