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 select选中的一个小问题
Oct 11 Javascript
用JavaScript仿PS里的羽化效果代码
Dec 20 Javascript
jQuery学习笔记之jQuery.extend(),jQuery.fn.extend()分析
Jun 09 Javascript
javascript实现阻止iOS APP中的链接打开Safari浏览器
Jun 12 Javascript
详解JavaScript中的客户端消息框架设计原理
Jun 24 Javascript
详解js中构造流程图的核心技术JsPlumb(2)
Dec 08 Javascript
jQuery下拉菜单的实现代码
Nov 03 Javascript
微信小程序 基础知识css样式media标签
Feb 15 Javascript
JavaScript函数柯里化原理与用法分析
Mar 31 Javascript
用最简单的方法判断JavaScript中this的指向(推荐)
Sep 04 Javascript
vue.js实现的幻灯片功能示例
Jan 18 Javascript
JavaScript深入V8引擎以及编写优化代码的5个技巧
Jun 24 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控制网页过期时间的代码
2008/09/28 PHP
PHP几个数学计算的内部函数学习整理
2011/08/06 PHP
在PHP中利用wsdl创建标准webservice的实现代码
2011/12/07 PHP
php二维数组转成字符串示例
2014/02/17 PHP
php实现上传图片文件代码
2015/07/19 PHP
TFDN图片播放器 不错自动播放
2006/10/03 Javascript
Node.js中调用mysql存储过程示例
2014/12/20 Javascript
jquery实现的伪分页效果代码
2015/10/29 Javascript
javascript正则表达式定义(语法)总结
2016/01/08 Javascript
初识angular框架后的所思所想
2016/02/19 Javascript
javascript中利用柯里化函数实现bind方法【推荐】
2016/04/29 Javascript
使用requirejs模块化开发多页面一个入口js的使用方式
2017/06/14 Javascript
Node.js中的cluster模块深入解读
2018/06/11 Javascript
基于nodejs的雪碧图制作工具的示例代码
2018/11/05 NodeJs
layui 点击重置按钮, select 并没有被重置的解决方法
2019/09/03 Javascript
[01:35:13]DOTA2-DPC中国联赛 正赛 DLG vs PHOENIX BO3 第一场 1月18日
2021/03/11 DOTA
[46:49]完美世界DOTA2联赛PWL S3 access vs Rebirth 第二场 12.19
2020/12/24 DOTA
使用PDB模式调试Python程序介绍
2015/04/05 Python
Python正则表达式教程之三:贪婪/非贪婪特性
2017/03/02 Python
python正向最大匹配分词和逆向最大匹配分词的实例
2018/11/14 Python
python如何读取bin文件并下发串口
2019/07/05 Python
python多线程扫描端口(线程池)
2019/09/04 Python
Python中xml和dict格式转换的示例代码
2019/11/07 Python
python使用paramiko实现ssh的功能详解
2020/03/06 Python
python之openpyxl模块的安装和基本用法(excel管理)
2021/02/03 Python
详解H5本地储存Web Storage
2017/07/03 HTML / CSS
html5 拖拽及用 js 实现拖拽功能的示例代码
2020/10/23 HTML / CSS
理工科学生的自我评价
2013/12/15 职场文书
《花的勇气》教后反思
2014/02/12 职场文书
2014年师德师风自我剖析材料
2014/09/27 职场文书
2014年物流工作总结
2014/11/25 职场文书
党校党性分析材料
2014/12/19 职场文书
会计主管岗位职责
2015/04/02 职场文书
采购部年度工作总结
2015/08/13 职场文书
安全生产学习心得体会
2016/01/18 职场文书
Win11快速关闭所有广告推荐
2022/04/19 数码科技