javascript实现控制div颜色
时间：2021-03-08 11:41:01|栏目：JavaScript代码|点击： 次
js控制div颜色
<html>
<head>
</head>
<style>
#div1{width:400px;height:400px;background-color:red;}
</style>
<script>
function blue(){
div1=document.getElementById('div1');
div1.style.backgroundColor='blue';
}
function pink(){
div1=document.getElementById('div1');
div1.style.backgroundColor='pink';
}
function black(){
div1=document.getElementById('div1');
div1.style.backgroundColor='black';
}
</script>
<body>
<button onclick='wr();'>生成文字</button>
<button onclick='blue();'>blue</button>
<button onclick='pink();'>pink</button>
<button onclick='black();'>black</button>
<div id='div1'>
</div>
以上所述就是本文的全部内容了，希望大家能够喜欢。
上一篇：JS验证邮箱格式是否正确的代码
栏 目：JavaScript代码
下一篇：如何解决attachEvent函数时，this指向被绑定的元素的问题？
本文标题：javascript实现控制div颜色
本文地址：http://www.codeinn.net/misctech/76949.html
