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 学习笔记 选择器之五
Jul 23 Javascript
javascript 显示当前系统时间代码
Dec 28 Javascript
IE6下JS动态设置图片src地址问题
Jan 08 Javascript
轻松理解JavaScript闭包
Mar 14 Javascript
vue.js项目中实用的小技巧汇总
Nov 29 Javascript
Vue实现点击后文字变色切换方法
Feb 11 Javascript
新手快速入门JavaScript装饰者模式与AOP
Jun 24 Javascript
原生js添加一个或多个类名的方法分析
Jul 30 Javascript
javascript json对象小技巧之键名作为变量用法分析
Nov 11 Javascript
vue实现路由不变的情况下,刷新页面操作示例
Feb 02 Javascript
详解钉钉小程序组件之自定义模态框(弹窗封装实现)
Mar 07 Javascript
jQuery实现回到顶部效果
Oct 19 jQuery
浅谈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
一个简单的域名注册情况查询程序
2006/10/09 PHP
几个有用的php字符串过滤,转换函数代码
2012/05/01 PHP
php获取服务器端mac和客户端mac的地址支持WIN/LINUX
2014/05/15 PHP
PHP使用数组依次替换字符串中匹配项
2016/01/08 PHP
Javascript中的变量使用说明
2010/05/18 Javascript
jQuery源码分析之jQuery中的循环技巧详解
2014/09/06 Javascript
javascript内置对象操作详解
2015/02/04 Javascript
jQuery实现高亮显示网页关键词的方法
2015/08/07 Javascript
javascript从作用域链谈闭包
2020/07/29 Javascript
JavaScript之WebSocket技术详解
2016/11/18 Javascript
vue.js+Element实现表格里的增删改查
2017/01/18 Javascript
vue2 自定义动态组件所遇到的问题
2017/06/08 Javascript
jQuery序列化后的表单值转换成Json
2017/06/16 jQuery
Vue封装Swiper实现图片轮播效果
2018/02/06 Javascript
js实现导航跟随效果
2018/11/17 Javascript
VUE简单的定时器实时刷新的实现方法
2019/01/20 Javascript
详解搭建一个vue-cli的移动端H5开发模板
2020/01/17 Javascript
JS自定义右键菜单实现代码解析
2020/07/16 Javascript
小程序实现上下切换位置
2020/11/16 Javascript
Python实现把xml或xsl转换为html格式
2015/04/08 Python
python使用PyGame模块播放声音的方法
2015/05/20 Python
Python设计模式编程中解释器模式的简单程序示例分享
2016/03/02 Python
Python基本语法经典教程
2016/03/11 Python
Python实现一个Git日志统计分析的小工具
2017/12/14 Python
python数据处理 根据颜色对图片进行分类的方法
2018/12/08 Python
python正则爬取某段子网站前20页段子(request库)过程解析
2019/08/10 Python
解决Keras 与 Tensorflow 版本之间的兼容性问题
2020/02/07 Python
Python模拟FTP文件服务器的操作方法
2020/02/18 Python
python Yaml、Json、Dict之间的转化
2020/10/19 Python
Yankee Candle官网:美国最畅销蜡烛品牌之一
2020/01/05 全球购物
保护动物倡议书
2014/04/15 职场文书
大学共青团员个人自我评价
2014/04/16 职场文书
杭州西湖英语导游词
2015/02/03 职场文书
合作与交流自我评价
2015/03/09 职场文书
导游词之日本富士山
2020/01/06 职场文书
vue二维数组循环嵌套方式 循环数组、循环嵌套数组
2022/04/24 Vue.js