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 相关文章推荐
多个iframe自动调整大小的问题
Sep 18 Javascript
文本框输入时 实现自动提示(像百度、google一样)
Apr 05 Javascript
vue2.0开发实践总结之疑难篇
Dec 07 Javascript
jquery获取下拉框中的循环值
Feb 08 Javascript
js实现3d悬浮效果
Feb 16 Javascript
jquery easyui dataGrid动态改变排序字段名的方法
Mar 02 Javascript
AngularJS ui-router (嵌套路由)实例
Mar 10 Javascript
angular框架实现全选与单选chekbox的自定义
Jul 06 Javascript
浅析Vue.js中v-bind v-model的使用和区别
Dec 04 Javascript
基于vue-cli搭建多模块且各模块独立打包的项目
Jun 12 Javascript
基于Vue的侧边目录组件的实现
Feb 05 Javascript
element-ui 弹窗组件封装的步骤
Jan 22 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
高分R级DC动画剧《哈莉·奎茵》第二季正式预告首发
2020/04/09 欧美动漫
分享五个PHP7性能优化提升技巧
2015/12/07 PHP
javascript 函数速查表
2010/02/07 Javascript
一个支持任意尺寸的图片上下左右滑动效果
2014/08/24 Javascript
JavaScript中的异常捕捉介绍
2014/12/31 Javascript
使用console进行性能测试
2015/04/27 Javascript
JS中JSON对象和String之间的互转及处理技巧
2016/04/06 Javascript
详解JavaScript的另类写法
2016/04/11 Javascript
Angularjs的ng-repeat中去除重复数据的方法
2016/08/05 Javascript
js事件源window.event.srcElement兼容性写法(详解)
2016/11/25 Javascript
JS对象是否拥有某属性如何判断
2017/02/03 Javascript
基于BootStrap的前端分页带省略号和上下页效果
2017/05/18 Javascript
JavaScript实现移动端页面按手机屏幕分辨率自动缩放的最强代码
2017/08/18 Javascript
从零开始最小实现react服务器渲染详解
2018/01/26 Javascript
原生JS实现的轮播图功能详解
2018/08/06 Javascript
python使用beautifulsoup从爱奇艺网抓取视频播放
2014/01/23 Python
java直接调用python脚本的例子
2014/02/16 Python
python daemon守护进程实现
2016/08/27 Python
python实现傅里叶级数展开的实现
2018/07/21 Python
浅谈flask源码之请求过程
2018/07/26 Python
Python退火算法在高次方程的应用
2018/07/26 Python
pycharm 将python文件打包为exe格式的方法
2019/01/16 Python
python super的使用方法及实例详解
2019/09/25 Python
Python的几种主动结束程序方式
2019/11/22 Python
Python json读写方式和字典相互转化
2020/04/18 Python
使用sklearn对多分类的每个类别进行指标评价操作
2020/06/11 Python
Ralph Lauren拉夫·劳伦美国官网:带有浓郁美国气息的高品味时装品牌
2017/11/01 全球购物
Watch Station官方网站:世界一流的手表和智能手表
2020/01/05 全球购物
shell程序中如何注释
2012/02/17 面试题
中专毕业生自荐信
2013/11/16 职场文书
英语老师推荐信
2014/02/26 职场文书
《月光启蒙》教学反思
2014/03/01 职场文书
机关干部个人对照检查材料思想汇报
2014/09/28 职场文书
小学教师教学随笔
2015/08/14 职场文书
java中重写父类方法加不加@Override详解
2021/06/21 Java/Android
剧场版《转生恶役只好拔除破灭旗标》公开最新视觉图 2023年上映
2022/04/02 日漫