javascript实现控制div颜色

2024-05-06 16:22:51

字体：大中小

来源：转载

供稿：网友

本文给大家分享的是使用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>