<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
#bk{
width: 60%;
height: 400px;
border: solid 1px black;
margin: 0 auto;
margin-top: 10px;
}
</style>
</head>
<body>
<input type="button" id="red" value="红色" />
<input type="button" id="green" value="绿色" />
<input type="button" id="black" value="黑色" />
<div id="bk">
模拟页面文字框
</div>
<script type="text/javascript">
var an=document.getElementsByTagName('input');
var bk=document.getElementById('bk');
for(var i=0;i<an.length;i++)
{
an[i].onclick=function()
{
var mycl=this .getAttribute('id');
bk.style.background=mycl;
}
}
</script>
</body>
</html>
js点击按钮改变颜色
最新推荐文章于 2023-06-03 23:42:50 发布