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的函数重名看其初始化方式
Mar 08 Javascript
锋利的jQuery jQuery中的DOM操作
Mar 21 Javascript
简单常用的幻灯片播放实现代码
Sep 25 Javascript
原生javascript实现的一个简单动画效果
Mar 30 Javascript
简单实现js无缝滚动效果
Feb 05 Javascript
详解vue.js之绑定class和style的示例代码
Aug 24 Javascript
关于Ajax的原理以及代码封装详解
Sep 08 Javascript
angularJS开发注意事项
May 26 Javascript
layer.open关闭父窗口 以及调用父页面的方法
Aug 17 Javascript
vue实现todolist基本功能以及数据存储功能实例详解
Apr 11 Javascript
Node.js+Vue脚手架环境搭建的方法步骤
Mar 08 Javascript
使用Cargo工具高效创建Rust项目
Aug 14 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 smarty 二级分类代码和模版循环例子
2011/06/01 PHP
PHP防止表单重复提交的几种常用方法汇总
2014/08/19 PHP
php上传文件并存储到mysql数据库的方法
2015/03/16 PHP
PHP响应post请求上传文件的方法
2015/12/17 PHP
一个tab标签切换效果代码
2009/03/27 Javascript
一个收集图片的bookmarlet(js 刷新页面中的图片)
2010/05/27 Javascript
jQuery弹性滑动导航菜单实现思路及代码
2013/05/02 Javascript
JS获取图片实际宽高及根据图片大小进行自适应
2013/08/11 Javascript
JavaScript编程中的Promise使用大全
2015/07/28 Javascript
jQuery实现带动画效果的多级下拉菜单代码
2015/09/08 Javascript
深入浅析JavaScript中数据共享和数据传递
2016/04/25 Javascript
基于jQuery实现一个marquee无缝滚动的插件
2017/03/09 Javascript
JavaScript队列的应用实例详解【经典数据结构】
2017/04/12 Javascript
Angular2学习教程之ng中变更检测问题详解
2017/05/28 Javascript
使用jQuery实现动态添加小广告
2017/07/11 jQuery
Angular指令之restict匹配模式的详解
2017/07/27 Javascript
vuex 实现getter值赋值给vue组件里的data示例
2019/11/05 Javascript
解决vue使用vant下拉框van-dropdown-item 绑定title值不变问题
2020/08/05 Javascript
[02:06]DOTA2英雄基础教程 暗影萨满
2013/12/16 DOTA
python实现数组插入新元素的方法
2015/05/22 Python
Python反射的用法实例分析
2018/02/11 Python
python matlibplot绘制多条曲线图
2021/02/19 Python
不归路系列:Python入门之旅-一定要注意缩进!!!(推荐)
2019/04/16 Python
Win系统PyQt5安装和使用教程
2019/12/25 Python
python 使用递归回溯完美解决八皇后的问题
2020/02/26 Python
Python爬虫实现自动登录、签到功能的代码
2020/08/20 Python
python 如何把docker-compose.yaml导入到数据库相关条目里
2021/01/15 Python
小程序瀑布流解决左右两边高度差距过大的问题
2019/02/20 HTML / CSS
福克斯租车:Fox Rent A Car
2017/04/13 全球购物
以设计师精品品质提供快速时尚:Mostata
2019/05/10 全球购物
生产车间班组长岗位职责
2014/01/06 职场文书
球队口号
2014/06/18 职场文书
校园游戏活动新闻稿
2014/10/15 职场文书
详解Redis主从复制实践
2021/05/19 Redis
Flask使用SQLAlchemy实现持久化数据
2021/07/16 Python
python 判断字符串当中是否包含字符(str.contain)
2022/06/01 Python