1. 云栖社区>
  2. >
  3. 正文

javascript实现控制div颜色_javascript技巧

作者:用户 来源:互联网 时间:2016-07-07 14:53:47

javascript控制div颜色

javascript实现控制div颜色_javascript技巧 - 摘要: 本文讲的是javascript实现控制div颜色_javascript技巧, js控制div颜色 <html> <head> </head> <style> #div1{width:400px;height:400px;background-color:red;}

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颜色 javascript div、javascript 隐藏div、javascript 创建div、javascript拖动div、javascript给div赋值,以便于您获取更多的相关知识。

弹性可伸缩的计算服务,助您降低 IT 成本,提升运维效率

40+云计算产品,6个月免费体验

稳定可靠、可弹性伸缩的在线数据库服务,全球最受欢迎的开源数据库之一

云服务器9.9元/月,大学必备