这篇文章主要为大家展示了“javascript怎么改变div背景颜色”，内容简而易懂，条理清晰，希望能够帮助大家解决疑惑，下面让小编带领大家一起研究并学习一下“javascript怎么改变div背景颜色”这篇文章吧。

成都创新互联专业为企业提供杭锦网站建设、杭锦做网站、杭锦网站设计、杭锦网站制作等企业网站建设、网页设计与制作、杭锦企业网站模板建站服务，10年杭锦做网站经验，不只是建网站，更提供有价值的思路和整体网络服务。

在javascript中，可以使用style对象属性改变div背景颜色，语法格式为“元素对象.style.background="颜色值"”。Style 对象代表一个单独的样式声明，可从应用样式的文档或元素访问Style对象。

本教程操作环境：windows7系统、javascript1.8.5版、Dell G3电脑。

思路：点击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背景颜色
当前网址：http://kswsj.cn/article/gjcjsc.html