这篇文章主要为大家展示了“javascript怎么改变div背景颜色”，内容简而易懂，条理清晰，希望能够帮助大家解决疑惑，下面让小编带领大家一起研究并学习一下“javascript怎么改变div背景颜色”这篇文章吧。
成都创新互联专业为企业提供杭锦网站建设、杭锦做网站、杭锦网站设计、杭锦网站制作等企业网站建设、网页设计与制作、杭锦企业网站模板建站服务，10年杭锦做网站经验，不只是建网站，更提供有价值的思路和整体网络服务。
在javascript中，可以使用style对象属性改变div背景颜色，语法格式为“元素对象.style.background="颜色值"”。Style 对象代表一个单独的样式声明，可从应用样式的文档或元素访问Style对象。
本教程操作环境：windows7系统、javascript1.8.5版、Dell G3电脑。
思路：点击div改变背景颜色，是通过判断点击的次数，达到改变背景颜色，主要运用了数的加，累加。
代码；
js实现点击div改变背景颜色
var div=document.getElementsByTagName("div")[0];/*通过标签名div组*/
var count=0;/*计数，从0开始，每点击一下加一*/
div.onclick = function () { /*给div绑定点击函数*/
count ++;
/*判断点击的次数，来改变背景颜色*/
if(count % 3==1){
this.style.background="yellow"
}else if(count % 3==0){
this.style.background="red"
}else {
this.style.backgroundColor="#ff9000"
}
}
以上是“javascript怎么改变div背景颜色”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注创新互联行业资讯频道！
当前文章：javascript怎么改变div背景颜色
标题URL：
http://bzwzjz.com/article/gjcjsc.html
