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 相关文章推荐
打开超链需要“确认”对话框的方法
Mar 08 Javascript
js window.event对象详尽解析
Feb 17 Javascript
JQery 渐变图片导航效果代码 漂亮
Jan 01 Javascript
Package.js  现代化的JavaScript项目make工具
May 23 Javascript
javascript中简单的进制转换代码实例
Oct 26 Javascript
js Date概念详细介绍
Nov 22 Javascript
Jquery 点击按钮自动高亮实现原理及代码
Apr 25 Javascript
javascript常用函数(2)
Nov 05 Javascript
jQuery+CSS3文字跑马灯特效的简单实现
Jun 25 Javascript
JS实现拖动滚动条评分的效果代码分享
Sep 29 Javascript
从表单校验看JavaScript策略模式的使用详解
Oct 17 Javascript
vue mvvm数据响应实现
Nov 11 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&amp;mysql(一)
2006/10/09 PHP
php中ob(Output Buffer 输出缓冲)函数使用方法
2007/07/21 PHP
php 过滤器实现代码
2010/08/09 PHP
PHP单元测试框架PHPUnit用法详解
2019/01/23 PHP
JavaScript 异步调用框架 (Part 1 - 问题 &amp; 场景)
2009/08/03 Javascript
在javascript将NodeList作为Array数组处理的方法
2010/07/09 Javascript
javascript遍历控件实例详细解析
2014/01/10 Javascript
jQuery的图片滑块焦点图插件整理推荐
2014/12/07 Javascript
纯js实现无限空间大小的本地存储
2015/06/18 Javascript
js的flv视频播放器插件使用方法
2015/06/23 Javascript
js实现文件上传表单域美化特效
2015/11/02 Javascript
Node.js Streams文件读写操作详解
2016/07/04 Javascript
解决wx.onMenuShareTimeline出现的问题
2016/08/16 Javascript
微信小程序实战之上拉(分页加载)效果(2)
2017/04/17 Javascript
angularjs实现柱状图动态加载的示例
2017/12/11 Javascript
vue-cli初始化项目中使用less的方法
2018/08/09 Javascript
关于JavaScript中高阶函数的魅力详解
2018/09/07 Javascript
Vue2.0 v-for filter列表过滤功能的实现
2018/09/07 Javascript
Vue中使用方法、计算属性或观察者的方法实例详解
2018/10/31 Javascript
vue实现表格过滤功能
2019/09/27 Javascript
vue3.0+vue-router+element-plus初实践
2020/12/02 Vue.js
用python实现批量重命名文件的代码
2012/05/25 Python
python实现用户登录系统
2016/05/21 Python
使用python对excle和json互相转换的示例
2018/10/23 Python
详解Python二维数组与三维数组切片的方法
2019/07/18 Python
Python中调用其他程序的方式详解
2019/08/06 Python
Python Selenium模块安装使用教程详解
2020/07/09 Python
python计算auc的方法
2020/09/09 Python
Nike爱尔兰官方网站:Nike.com (IE)
2018/03/12 全球购物
情人节活动策划方案
2014/02/27 职场文书
学习十八大坚定理想信念心得体会
2014/03/11 职场文书
2014坚持党风廉政建设思想汇报
2014/09/18 职场文书
高中政治教师教学反思
2016/02/23 职场文书
告别网页搜索!教你用python实现一款属于自己的翻译词典软件
2021/06/03 Python
Golang使用Panic与Recover进行错误捕获
2022/03/22 Golang
pd.DataFrame中的几种索引变换的实现
2022/06/16 Python