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限制textarea每行输入字符串长度的代码
Oct 31 Javascript
js实现div闪烁原理及实现代码
Jun 24 Javascript
介绍一个简单的JavaScript类框架
Jun 24 Javascript
jquery.mousewheel实现整屏翻屏效果
Aug 30 Javascript
Vue.js 2.0窥探之Virtual DOM到底是什么?
Feb 10 Javascript
原生js轮播特效
May 18 Javascript
ejsExcel模板在Vue.js项目中的实际运用
Jan 27 Javascript
vue.js或js实现中文A-Z排序的方法
Mar 08 Javascript
使用vue-router为每个路由配置各自的title
Jul 30 Javascript
element vue Array数组和Map对象的添加与删除操作
Nov 14 Javascript
zepto.js 实时监听输入框的方法
Dec 04 Javascript
ES6 Array常用扩展的应用实例分析
Jun 26 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
基于mysql的论坛(2)
2006/10/09 PHP
CakePHP去除默认显示的标题及图标的方法
2008/10/22 PHP
PHP 遍历XP文件夹下所有文件
2008/11/27 PHP
Ajax请求PHP后台接口返回信息的实例代码
2018/08/21 PHP
PHP判断函数是否被定义的方法
2019/06/21 PHP
laravel框架中间件 except 和 only 的用法示例
2019/07/12 PHP
php获取小程序码的实现代码(B类接口)
2020/06/13 PHP
js中事件的处理与浏览器对象示例介绍
2013/11/29 Javascript
js操作数组函数实例小结
2015/12/10 Javascript
基于JavaScript实现单选框下拉菜单添加文件效果
2016/06/26 Javascript
微信小程序 video详解及简单实例
2017/01/16 Javascript
深入理解javascript中的 “this”
2017/01/17 Javascript
vue click.stop阻止点击事件继续传播的方法
2018/09/04 Javascript
jQuery实现简单的Ajax调用功能示例
2019/02/15 jQuery
Node.js web 应用如何封装到Docker容器中
2020/09/01 Javascript
js重写alert事件(避免alert弹框标题出现网址)
2020/12/04 Javascript
使用python分析git log日志示例
2014/02/27 Python
详解python3安装pillow后报错没有pillow模块以及没有PIL模块问题解决
2019/04/17 Python
Django自带的加密算法及加密模块详解
2019/12/03 Python
python通用读取vcf文件的类(复制粘贴即可用)
2020/02/29 Python
python线程池如何使用
2020/05/28 Python
python openCV实现摄像头获取人脸图片
2020/08/20 Python
Python基于Socket实现简易多人聊天室的示例代码
2020/11/29 Python
在 Python 中使用 7zip 备份文件的操作
2020/12/11 Python
浅谈css3新单位vw、vh、vmin、vmax的使用详解
2017/12/01 HTML / CSS
css和css3弹性盒模型实现元素宽度(高度)自适应
2019/05/15 HTML / CSS
HTML5 Canvas 起步(2) - 路径
2009/05/12 HTML / CSS
鼠标滚轮事件和Mac触控板双指事件
2019/12/23 HTML / CSS
营销与策划个人求职信
2013/09/22 职场文书
英语系毕业生自荐信
2013/10/31 职场文书
食堂个人先进事迹
2014/01/22 职场文书
网页美工求职信
2014/02/15 职场文书
材料物理专业求职信
2014/09/01 职场文书
银行授权委托书格式
2014/10/10 职场文书
工伤事故赔偿协议书
2014/10/27 职场文书
企业法律事务工作总结
2015/08/11 职场文书