javascript实现控制div颜色
更新时间：2015年07月07日 10:34:25 投稿：hebedich
本文给大家分享的是使用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>
以上所述就是本文的全部内容了，希望大家能够喜欢。
相关文章
这篇文章主要介绍了ES6新特性之函数的扩展,实例形式较为详细的分析了ES6针对函数参数、运算符及相关新特性的扩展操作与注意事项,需要的朋友可以参考下2017-04-04
这篇文章主要给大家介绍了three.js中文文档学习之创建场景的相关资料，文中通过示例代码介绍的非常详细，对大家学习或者使用three.js具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧。2017-11-11
这篇文章主要介绍了javascript实现的淘宝旅行通用日历组件,以实例形式分析了该日历组件的相关设置及使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-08-08
这篇文章主要介绍了ES6中Set和Map用法,结合实例形式详细分析了ES6中Set和Map的基本功能、原理、使用方法及操作注意事项,需要的朋友可以参考下2020-03-03
这篇文章主要介绍了e2e测试之cypress的使用方法详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-04-04
这篇文章主要为大家详细介绍了laypage+SpringMVC实现后端分页，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-07-07
这篇文章主要介绍了Vue 组件渲染详情，文章围绕主题展开详细的内容介绍，具有一定的参考价值，需要的小伙伴可以参考一下2022-08-08
本篇文章主要介绍了原生js实现简单的Ripple按钮实例代码，具有一定的参考价值，感兴趣的小伙伴们可以参考一下。2017-03-03
JavaScript版DateAdd和DateDiff函数代码
VBScript中有两个非常好用的日期操作函数：DateAdd用来给日期添加指定时间间隔，DateDiff用来返回两个日期的时间间隔。可惜的是JavaScript没有，不过我们可以写一个函数来实现，一样的，呵呵2012-03-03
今天小编就为大家分享一篇layui监听单元格编辑前后交互的例子，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-09-09
最新评论