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 相关文章推荐
js修改table中Td的值(定义td的单击事件)
Jan 10 Javascript
js使用for循环查询数组中是否存在某个值
Aug 12 Javascript
jQuery获得包含margin的outerWidth和outerHeight的方法
Mar 25 Javascript
JavaScript去除数组里重复值的方法
Jul 13 Javascript
jquery+json实现数据二级联动的方法
Nov 28 Javascript
javascript特殊日历控件分享
Mar 07 Javascript
JS实现支持Ajax验证的表单插件
Mar 24 Javascript
js阻止浏览器默认行为触发的通用方法(推荐)
May 15 Javascript
jQuery 实时保存页面动态添加的数据的示例
Aug 14 jQuery
了解ESlint和其相关操作小结
May 21 Javascript
微信小程序rich-text富文本用法实例分析
May 20 Javascript
vue中的可拖拽宽度div的实现示例
Apr 08 Vue.js
浅谈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/03/27 PHP
php表单加入Token防止重复提交的方法分析
2016/10/10 PHP
php中通过eval实现字符串格式的计算公式
2017/03/18 PHP
使用Apache的rewrite
2021/03/09 Servers
JavaScript 闭包深入理解(closure)
2009/05/27 Javascript
PHP abstract与interface之间的区别
2013/11/11 Javascript
解决用jquery load加载页面到div时,不执行页面js的问题
2014/02/22 Javascript
node.js中的events.emitter.listeners方法使用说明
2014/12/10 Javascript
Javascript变量的作用域和作用域链详解
2015/04/02 Javascript
JavaScript截取、切割字符串的技巧
2016/01/07 Javascript
最好用的Bootstrap fileinput.js文件上传组件
2016/12/12 Javascript
基于Bootstrap实现城市三级联动
2017/11/23 Javascript
node基于puppeteer模拟登录抓取页面的实现
2018/05/09 Javascript
vuejs前后端数据交互之从后端请求数据的实例
2018/08/11 Javascript
轻松解决JavaScript定时器越走越快的问题
2019/05/13 Javascript
原生js实现分页效果
2020/09/23 Javascript
[02:24]DOTA2痛苦女王 英雄基础教程
2013/11/26 DOTA
调试Python程序代码的几种方法总结
2015/04/28 Python
详解Django中的权限和组以及消息
2015/07/23 Python
Python随机数random模块使用指南
2016/09/09 Python
Python决策树和随机森林算法实例详解
2018/01/30 Python
为什么入门大数据选择Python而不是Java?
2018/03/07 Python
python 监测内存和cpu的使用率实例
2019/11/28 Python
python检查目录文件权限并修改目录文件权限的操作
2020/03/11 Python
Python restful框架接口开发实现
2020/04/13 Python
Python 字节流,字符串,十六进制相互转换实例(binascii,bytes)
2020/05/11 Python
如何Tkinter模块编写Python图形界面
2020/10/14 Python
python 批量下载bilibili视频的gui程序
2020/11/20 Python
解决canvas转base64/jpeg时透明区域变成黑色背景的方法
2016/10/23 HTML / CSS
AE美国鹰美国官方网站:American Eagle Outfitters
2016/08/22 全球购物
节约用电标语
2014/06/17 职场文书
培训科主任岗位职责
2014/08/08 职场文书
2014年大学生预备党员思想汇报1000字
2014/09/13 职场文书
2014年政务公开工作总结
2014/12/09 职场文书
烈士陵园扫墓感想
2015/08/07 职场文书
JavaScript 反射学习技巧
2021/10/16 Javascript