javascript实现控制div颜色

404 阅读 0 评论 267 点赞

我是靠谱客的博主拼搏薯片，这篇文章主要介绍javascript实现控制div颜色，现在分享给大家，希望可以做个参考。

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>

以上所述就是本文的全部内容了，希望大家能够喜欢。