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 相关文章推荐
javascript中的对象创建 实例附注释
Feb 08 Javascript
深入理解JavaScript系列(45):代码复用模式(避免篇)详解
Mar 04 Javascript
用iframe实现不刷新整个页面上传图片的实例
Nov 18 Javascript
BootStrap Fileinput的使用教程
Dec 30 Javascript
12306 刷票脚本及稳固刷票脚本(防挂)
Jan 04 Javascript
JS实现的tab切换选项卡效果示例
Feb 28 Javascript
js实现股票实时刷新数据案例
May 14 Javascript
原生js二级联动效果
Jun 20 Javascript
Django+Vue.js搭建前后端分离项目的示例
Aug 07 Javascript
js运算符的一些特殊用法
Jul 29 Javascript
基于vue和react的spa进行按需加载的实现方法
Sep 29 Javascript
vue编写简单的购物车功能
Jan 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配置文件php.ini所在路径的二种方法
2014/05/26 PHP
ThinkPHP的MVC开发机制实例解析
2014/08/23 PHP
微信支付开发告警通知实例
2016/07/12 PHP
javascript编程起步(第三课)
2007/02/27 Javascript
js替代copy(示例代码)
2013/11/27 Javascript
javascript中对Attr(dom中属性)的操作示例讲解
2013/12/02 Javascript
随鼠标上下滚动的jquery代码
2013/12/05 Javascript
变量声明时命名与变量作为对象属性时命名的区别解析
2013/12/06 Javascript
jquery+CSS实现的多级竖向展开树形TRee菜单效果
2015/08/24 Javascript
javascript实现uploadify上传格式以及个数限制
2015/11/23 Javascript
BootStrap下jQuery自动完成的样式调整
2016/05/30 Javascript
用JavaScript获取页面文档内容的实现代码
2016/06/10 Javascript
利用vue + koa2 + mockjs模拟数据的方法教程
2017/11/22 Javascript
WebPack配置vue多页面的技巧
2018/05/15 Javascript
Vue中多个元素、组件的过渡及列表过渡的方法示例
2019/02/13 Javascript
微信小程序基于picker实现级联菜单
2019/02/15 Javascript
JavaScript 作用域实例分析
2019/10/02 Javascript
vue3 源码解读之 time slicing的使用方法
2019/10/31 Javascript
决策树的python实现方法
2014/11/18 Python
Python如何爬取实时变化的WebSocket数据的方法
2019/03/09 Python
简单易懂Pytorch实战实例VGG深度网络
2019/08/27 Python
django haystack实现全文检索的示例代码
2020/06/24 Python
python3 使用ssh隧道连接mysql的操作
2020/12/05 Python
带有css3动画效果的兼容多浏览器简单导航条示例
2014/01/26 HTML / CSS
俄罗斯玩具、儿童用品、儿童服装和鞋子网上商店:MyToys.ru
2019/10/14 全球购物
莫斯科珠宝厂官方网站:Miuz
2020/09/19 全球购物
技术总监岗位职责
2013/12/05 职场文书
《永远的白衣战士》教学反思
2014/04/25 职场文书
2016大学自主招生推荐信范文
2015/03/23 职场文书
医院财务人员岗位职责
2015/04/14 职场文书
2015年学校德育工作总结
2015/04/22 职场文书
电影雨中的树观后感
2015/06/15 职场文书
python树莓派通过队列实现进程交互的程序分析
2021/07/04 Python
理解python中装饰器的作用
2021/07/21 Python
mysql如何能有效防止删库跑路
2021/10/05 MySQL
vue如何实现关闭对话框后刷新列表
2022/04/08 Vue.js