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 相关文章推荐
json 定义
Jun 10 Javascript
基于jquery的无限级联下拉框js插件
Oct 29 Javascript
弹出窗口并且此窗口带有半透明的遮罩层效果
Mar 13 Javascript
JS实现文字放大效果的方法
Mar 03 Javascript
Angular 路由route实例代码
Jul 12 Javascript
jquery.multiselect多选下拉框实现代码
Nov 11 Javascript
Angular.js组件之input mask对input输入进行格式化详解
Jul 10 Javascript
vue2.0安装style/css loader的方法
Mar 14 Javascript
jQuery实现的老虎机跑动效果示例
Dec 29 jQuery
JavaScript实现的开关灯泡点击切换特效示例
Jul 08 Javascript
vue render函数动态加载img的src路径操作
Oct 26 Javascript
js实现有趣的倒计时效果
Jan 19 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作的文本留言本的例子(四)
2006/10/09 PHP
解析php 版获取重定向后的地址(代码)
2013/06/26 PHP
PHP操作Postgresql封装类与应用完整实例
2018/04/24 PHP
Laravel 修改验证异常的响应格式实例代码详解
2020/05/25 PHP
用jquery与css打造个性化的单选框和复选框
2010/10/20 Javascript
JS 添加网页桌面快捷方式的代码详细整理
2012/12/27 Javascript
form.submit()不能提交表单的原因分析
2014/10/23 Javascript
JavaScript前补零操作实例
2015/03/11 Javascript
微信WeixinJSBridge API使用实例
2015/05/25 Javascript
深入理解JavaScript中的箭头函数
2015/07/28 Javascript
jQuery+ajax读取并解析XML文件的方法
2016/09/09 Javascript
BootStrap网页中代码显示用法详解
2016/10/21 Javascript
Angular指令封装jQuery日期时间插件datetimepicker实现双向绑定示例
2017/01/22 Javascript
jQuery模拟下拉框选择对应菜单的内容
2017/03/07 Javascript
jQuery模拟实现天猫购物车动画效果实例代码
2017/05/25 jQuery
Nodejs之http的表单提交
2017/07/07 NodeJs
Vue-Router模式和钩子的用法
2018/02/28 Javascript
你应该了解的JavaScript Array.map()五种用途小结
2018/11/14 Javascript
深入理解nodejs搭建静态服务器(实现命令行)
2019/02/05 NodeJs
在React中写一个Animation组件为组件进入和离开加上动画/过度效果
2019/06/24 Javascript
在Vue mounted方法中使用data变量详解
2019/11/05 Javascript
JS实现放烟花效果
2020/03/10 Javascript
JS实现可以用键盘方向键控制的动画
2020/12/11 Javascript
python编程开发之textwrap文本样式处理技巧
2015/11/13 Python
查看Django和flask版本的方法
2018/05/14 Python
python实现播放音频和录音功能示例代码
2018/12/30 Python
Python函数的参数常见分类与用法实例详解
2019/03/30 Python
python3 循环读取excel文件并写入json操作
2020/07/14 Python
Python爬虫设置Cookie解决网站拦截并爬取蚂蚁短租的问题
2021/02/22 Python
使用Html5实现异步上传文件,支持跨域,带有上传进度条
2016/09/17 HTML / CSS
20世纪40年代连衣裙和复古服装:The Seamstress Of Bloomsbury
2018/07/24 全球购物
英国空调、除湿机和通风设备排名第一:Air Con Centre
2019/02/25 全球购物
生物技术研究生自荐信
2013/11/12 职场文书
个人简历自荐信
2014/06/26 职场文书
幼儿园开学家长寄语(2015秋季)
2015/05/27 职场文书
python利用while求100内的整数和方式
2021/11/07 Python