控制文字大小(一共是三个控制方法,颜色和字体是同样的控制方法)

<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> 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值