javascript实现控制div颜色


Posted in Javascript onJuly 07, 2015

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 相关文章推荐
javascript实现数字+字母验证码的简单实例
Feb 10 Javascript
Document.location.href和.replace的区别示例介绍
Mar 04 Javascript
深入理解React中es6创建组件this的方法
Aug 29 Javascript
老生常谈原生JS执行环境与作用域
Nov 22 Javascript
BootStrap学习笔记之nav导航栏和面包屑导航
Jan 03 Javascript
vue axios请求拦截实例代码
Mar 29 Javascript
Vue 项目分环境打包的方法示例
Aug 03 Javascript
vue 配置多页面应用的示例代码
Oct 22 Javascript
移动端(微信等使用vConsole调试console的方法
Mar 05 Javascript
javascript面向对象创建对象的方式小结
Jul 29 Javascript
vue-cli3 热更新配置操作
Sep 18 Javascript
JavaScript 中的执行上下文和执行栈实例讲解
Feb 25 Javascript
浅谈JavaScript中的字符编码转换问题
Jul 07 #Javascript
JavaScript中判断两个字符串是否相等的方法
Jul 07 #Javascript
javascript中数组方法汇总
Jul 07 #Javascript
jQuery原型属性和原型方法详解
Jul 07 #Javascript
在JavaScript中访问字符串的子串
Jul 07 #Javascript
jQuery.each使用详解
Jul 07 #Javascript
JavaScript中字符串拼接的基本方法
Jul 07 #Javascript
You might like
php删除一个路径下的所有文件夹和文件的方法
2018/02/07 PHP
基于PHP的登录和注册的功能的实现
2020/08/06 PHP
javascript 操作文件 实现方法小结
2009/07/02 Javascript
jquery last-child 列表最后一项的样式
2010/01/22 Javascript
jquery 多行滚动代码(附详细解释)
2010/06/17 Javascript
js 纯数字不重复排列的另类方法
2010/07/17 Javascript
jQuery ready函数滥用分析
2011/02/16 Javascript
JS实现不使用图片仿Windows右键菜单效果代码
2015/10/22 Javascript
即将发布的jQuery 3 有哪些新特性
2016/04/14 Javascript
微信小程序 教程之wxapp 视图容器 view
2016/10/19 Javascript
js 能实现监听F5页面刷新子iframe 而父页面不刷新的方法
2016/11/09 Javascript
Javascript 使用ajax与C#获取文件大小实例详解
2017/01/13 Javascript
微信小程序使用video组件播放视频功能示例【附源码下载】
2017/12/08 Javascript
js实现手机web图片左右滑动效果
2017/12/29 Javascript
详解vue移动端项目的适配(以mint-ui为例)
2018/08/17 Javascript
[49:12]完美世界DOTA2联赛PWL S2 Magma vs GXR 第二场 11.29
2020/12/02 DOTA
测试、预发布后用python检测网页是否有日常链接
2014/06/03 Python
Python中atexit模块的基本使用示例
2015/07/08 Python
python3+PyQt5实现柱状图
2018/04/24 Python
Python实现的序列化和反序列化二叉树算法示例
2019/03/02 Python
PyQt5根据控件Id获取控件对象的方法
2019/06/25 Python
python numpy中cumsum的用法详解
2019/10/17 Python
Python完全识别验证码自动登录实例详解
2019/11/24 Python
使用Python对Dicom文件进行读取与写入的实现
2020/04/20 Python
Django ForeignKey与数据库的FOREIGN KEY约束详解
2020/05/20 Python
利用CSS3的特性改变文本选中时的颜色
2013/09/11 HTML / CSS
详解HTML5中的标签
2015/06/19 HTML / CSS
详解html5 canvas常用api总结(二)--绘图API
2016/12/14 HTML / CSS
耐克波兰官方网站:Nike波兰
2019/09/03 全球购物
环境工程专业自荐信
2014/03/03 职场文书
《地震中的父与子》教学反思
2014/04/10 职场文书
三八妇女节标语
2014/10/09 职场文书
2014年小学教导处工作总结
2014/12/19 职场文书
小学重阳节活动总结
2015/03/24 职场文书
企业工会工作总结2015
2015/05/13 职场文书
JavaWeb实现显示mysql数据库数据
2022/03/19 Java/Android