javascript实现控制div颜色
更新时间：2015年07月07日 10:34:25 投稿：hebedich
本文给大家分享的是使用javascript实现控制DIV背景色的代码，非常的简单实用，有需要的小伙伴可以参考下。
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>
以上所述就是本文的全部内容了，希望大家能够喜欢。
相关文章
YouPorn是YouTube的成人自拍版，Alexa排名61。如果你登陆YouPorn主页，它会悄悄用脚本检查你访问过哪些色情网站。2010-12-12
复制网页内容，粘贴之后自动加上网址的实现方法(脚本之家特别整理)
复制内容加网址的功能，自06年脚本之家将这个功能发布并通过blueidea宣传以后，现如今很多网站都使用上了， 当初我们也由这个功能带来很多外链2014-10-10
这篇文章主要介绍了深入理解javascript prototype的相关知识,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2019-09-09
本文文章主要介绍了webpack5搭建一个简易的react脚手架项目实践，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2022-05-05
下面小编就为大家带来一篇js禁止Backspace键使浏览器后退的实现方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-09-09
这篇文章主要介绍了webpack独立打包和缓存处理的相关资料，文中介绍的非常详细，对大家学习webpack具有一定的参考价值，需要的朋友们下面来一起看看吧。2017-04-04
本篇主要是对js二维数组排序的简单示例代码进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助2014-01-01
本文主要介绍了js字符串分割处理的几种方法，主要介绍了6种方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2022-06-06
最近闲下来的时候，稍微想了想这个问题。关于Javascript模块化和命名空间管理2010-12-12
这篇文章主要给大家介绍了关于three.js欧拉角和四元数的使用方法，文中通过示例代码介绍的非常详细，对大家的学习或者使用three.js具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧2020-07-07
最新评论