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 弹出窗体点击按钮返回选择数据的实现
Apr 01 Javascript
为EasyUI的Tab标签添加右键菜单的方法
Jul 14 Javascript
jQuery之自动完成组件的深入解析
Jun 19 Javascript
javascript内存管理详细解析
Nov 11 Javascript
Jquery实现的一种常用高亮效果示例代码
Jan 28 Javascript
JS仿iGoogle自定义首页模块拖拽特效的方法
Feb 13 Javascript
JS设置cookie、读取cookie
Feb 24 Javascript
angularjs中回车键触发某一事件的方法
Apr 24 Javascript
angular之ng-template模板加载
Nov 09 Javascript
layui.js实现的表单验证功能示例
Nov 15 Javascript
微信小程序实现九宫格抽奖
Apr 15 Javascript
JavaScript实现弹出窗口效果
Dec 09 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
Http 1.1 Etag 与 Last-Modified提高php效率
2008/01/10 PHP
php 中的4种标记风格介绍
2012/05/10 PHP
ThinkPHP独立分组使用的注意事项
2014/11/25 PHP
PHP strip_tags() 去字符串中的 HTML、XML 以及 PHP 标签的函数
2016/05/22 PHP
php 判断过去离现在几年的函数(实例代码)
2016/11/15 PHP
jQuery Dialog 弹出层对话框插件
2010/08/09 Javascript
ExtJs设置GridPanel表格文本垂直居中示例
2013/07/15 Javascript
JS随机生成不重复数据的实例方法
2013/07/17 Javascript
根据配置文件加载js依赖模块
2014/12/29 Javascript
domReady的实现案例
2016/11/23 Javascript
node.js实现回调的方法示例
2017/03/01 Javascript
原生js实现选项卡功能
2017/03/08 Javascript
Ionic3实现图片瀑布流布局
2017/08/09 Javascript
基于jquery实现五星好评
2017/11/18 jQuery
Node.js折腾记一:读指定文件夹,输出该文件夹的文件树详解
2019/04/20 Javascript
Vue源码分析之Vue实例初始化详解
2019/08/25 Javascript
ElementUI 修改默认样式的几种办法(小结)
2020/07/29 Javascript
python机器学习之神经网络(三)
2017/12/20 Python
使用python和Django完成博客数据库的迁移方法
2018/01/05 Python
Python 一键制作微信好友图片墙的方法
2019/05/16 Python
浅谈Selenium 控制浏览器的常用方法
2020/12/04 Python
解决Firefox下不支持outerHTML问题代码分享
2014/06/04 HTML / CSS
Nuts.com:优质散装,批发坚果、干果和巧克力等
2017/03/21 全球购物
IFCHIC台湾:欧美国际设计师品牌
2019/05/18 全球购物
进程的查看和调度分别使用什么命令
2013/12/14 面试题
自动化专业毕业生自荐信
2013/11/01 职场文书
会计专业自我鉴定范文
2013/12/29 职场文书
2014年母亲节寄语
2014/05/07 职场文书
公务员党员评议表自我鉴定
2014/09/14 职场文书
党员教师个人对照检查材料(群众路线)
2014/09/26 职场文书
商品陈列协议书
2014/09/29 职场文书
个人维稳承诺书
2015/05/04 职场文书
走进毛泽东观后感
2015/06/04 职场文书
城镇居民医疗保险工作总结
2015/08/10 职场文书
springboot集成flyway自动创表的详细配置
2021/06/26 Java/Android
JS前端使用canvas实现扩展物体类和事件派发
2022/08/05 Javascript