56游戏网 - 努力做内容最丰富最安全的下载站!

56游戏网

当前位置:56游戏 > 源码技巧 > 父类数据 > javascript实现控制div颜色

javascript实现控制div颜色

发表时间:2015-07-07 11:05:51作者:zhao人气:更新时间:2026-02-18 20:09:17

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>

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

标签javascript,实现,控制,div,颜色,控制,div

相关下载

查看所有评论+

网友评论

网友
您的评论需要经过审核才能显示

公众号