点击按钮，变换颜色

最新推荐文章于 2024-07-04 20:21:08 发布

hai_zai

最新推荐文章于 2024-07-04 20:21:08 发布

阅读量633

点赞数 1

分类专栏： javascript

本文链接：https://blog.youkuaiyun.com/hai_zai/article/details/45079791

版权

javascript 专栏收录该内容

12 篇文章

订阅专栏

<HTML>
<HEAD>
<script type="text/javascript">
function bgcolor1(obj)
{
switch(obj.id)
{
case '1':
document.getElementById("b1").bgColor="green";
break;
case '2':
document.getElementById("b1").bgColor="blue";
break;
case '3':
document.getElementById("b1").bgColor="red";
break;
default:
alert("不在范围内");
}
}
</script>
</HEAD>

<BODY id="b1" name="b1" bgColor="pink">
<form action="#">
<table align="center">
<tr>
<td><input type="button" value="不许碰我" οnclick="bgcolor1(this);" id="1" name="btu"></input></td>
<td><input type="button" value="警告你别碰我" οnclick="bgcolor1(this);" id="2" ></input></td>
<td><input type="button" value="给你点颜色看看" οnclick="bgcolor1(this);" id="3" ></input></td>
<tr>
</table>
</form>
</BODY>
</HTML>