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 相关文章推荐
jquery 插件 任意位置浮动固定层
Dec 25 Javascript
JavaScript DOM学习第八章 表单错误提示
Feb 19 Javascript
jQuery EasyUI API 中文文档 - ProgressBar 进度条
Sep 29 Javascript
jquery实现手风琴效果
Nov 20 Javascript
JavaScript仿网易选项卡制作代码
Oct 06 Javascript
简单实现js浮动框
Dec 13 Javascript
JS实现的DIV块来回滚动效果示例
Feb 07 Javascript
JS仿淘宝搜索框用户输入事件的实现
Jun 19 Javascript
webpack构建react多页面应用详解
Sep 15 Javascript
使用axios实现上传图片进度条功能
Dec 21 Javascript
JavaScript引用类型RegExp基本用法详解
Aug 09 Javascript
vue按需加载实例详解
Sep 06 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
深入了解php4(2)--重访过去
2006/10/09 PHP
几种有用的变型 PHP中循环语句的用法介绍
2012/01/30 PHP
关于PHP的curl开启问题探讨
2014/04/08 PHP
php类自动加载器实现方法
2015/07/28 PHP
php、java、android、ios通用的3des方法(推荐)
2016/09/09 PHP
PHP date_default_timezone_set()设置时区操作实例分析
2020/05/16 PHP
表单提交时自动复制内容到剪贴板的js代码
2007/03/16 Javascript
清华大学出版的事半功倍系列 javascript全部源代码
2007/05/04 Javascript
Jquery封装tab自动切换效果的具体实现
2013/07/13 Javascript
jQuery中next()方法用法实例
2015/01/07 Javascript
js实现简单锁屏功能实例
2015/05/27 Javascript
jQuery实现弹幕效果
2017/02/17 Javascript
vue-router实现webApp切换页面动画效果代码
2017/05/25 Javascript
Nuxt默认模板、默认布局和自定义错误页面的实现
2020/05/11 Javascript
python字符串加密解密的三种方法分享(base64 win32com)
2014/01/19 Python
web.py 十分钟创建简易博客实现代码
2016/04/22 Python
python密码错误三次锁定(实例讲解)
2017/11/14 Python
Python使用Django实现博客系统完整版
2020/09/29 Python
11个Python Pandas小技巧让你的工作更高效(附代码实例)
2019/04/30 Python
Python计算一个点到所有点的欧式距离实现方法
2019/07/04 Python
Python二次规划和线性规划使用实例
2019/12/09 Python
keras Lambda自定义层实现数据的切片方式,Lambda传参数
2020/06/11 Python
Python map及filter函数使用方法解析
2020/08/06 Python
python爬取音频下载的示例代码
2020/10/19 Python
python cookie反爬处理的实现
2020/11/01 Python
美国南加州的原创极限运动潮牌:Vans(范斯)
2016/08/05 全球购物
Brydge英国:适用于Apple iPad和Microsoft Surface Pro的蓝牙键盘
2019/05/16 全球购物
李维斯牛仔裤荷兰官方网站:Levi’s NL
2020/08/23 全球购物
Can a struct inherit from another class? (结构体能继承类吗)
2014/07/22 面试题
什么是测试驱动开发(TDD)
2012/02/15 面试题
市场营销专业个人自荐信格式
2013/09/21 职场文书
护士自我鉴定范文
2013/10/06 职场文书
教师通用专业自荐书范文
2014/02/11 职场文书
2014企业年终工作总结
2014/12/23 职场文书
党员个人年度总结
2015/02/14 职场文书
装饰施工员岗位职责
2015/04/11 职场文书