Js判断div的背景色是否为灰色匹配色,是的话切换颜色:

一开始直接使用:#cccccc来判断,但是返回值是‘rgb()’格式的,改成如下,还是判断失败。

 if (element.style.backgroundColor.toString() === 'rgb(204,204,204)') {//切换显示项目element.style.backgroundColor = this.colors[projectName]}else{//切换不显示项目element.style.backgroundColor = 'rgb(204, 204, 204)'}

以上切换颜色失败。

最终原因是:

获取到颜色字符串有空格

console.log(element.style.backgroundColor)打印比对发现是少了空格:把:'rgb(204,204,204)'   改成: 'rgb(204, 204, 204)' 逗号后面有空格

切换颜色成功。

js getElementById(ID).style.backgroundColor==“rgb(204,204,204)“或“#CCCCCC“格式的都不能正确判断相关推荐

  1. php 正则替换style,php正则去除js,class,id,style标签代码

    在写xml的时候,文档要求内容里面只要图片和段落就可以了,其他的css,js什么的都不需要. 所以,在输出的时候,就要用正则去过滤掉不需要的标签代码. 第一种:php正则去除js标签代码.$preg  ...

  2. Js中的style,currentStyle,getComputedStyle()区别

    Js中的style,currentStyle,getComputedStyle()区别  样式表有三种方式: 1.内嵌样式(inline Style)-是写在Tag里面的,内嵌样式只对所有的Tag有效 ...

  3. html body background color,HTML Style backgroundColor用法及代码示例

    HTML DOM中的backgroundColor属性用于设置或返回元素的背景色. 用法: object.style.backgroundColor 它返回元素的背景色. object.style.b ...

  4. js获取id后添加html代码,js获取Id的方法getElementById与$的由来和用Id判断元素是否存在及批量动态获取 Id...

    要用js操作一个html元素必须获取到这个元素,而获取元素要用 getElementById() 方法,这个方法是通过元素的Id获取到元素这个对象.getElementById 字符比较多,写得比较长 ...

  5. js中document.getElementById(ID)与document.getElementsByName(Name)的区别

    在一个HTML文档中,每个元素都可以设置ID和NAME属性.其中ID属性是唯一属性,不可以重复,一个ID值只能对应一个元素:而NAME属性是可以重复的,一个NAME值可以对应一组元素. 所以,使用do ...

  6. 关于js获取id的函数封装

    函数(function)指的是有事件驱动或者当他被调用的可重复执行的代码块儿 平时在写原生js时都要获取对象id等,但是大部分我们要获取的对象很多,这样一个一个的获取对象id就显得十分笨拙,在实践项目 ...

  7. ie6、ie7、ie8下支持js 使用vml style.addRule('v\\:line,v\\:stroken',behavior:url(#default#VML);)

    ie6.ie7.ie8下支持js 使用vml 2010-11-17 10:52:40|  分类: 计算机和编程 |  标签:ie6.ie7.ie8下支持js  使用vml   |举报|字号 订阅 之前 ...

  8. document.getElementById() id是变量

    js document.getElementById(id)id是变量.这个问题说实话,确实那时候让我有点无语. 不过后来摸索出来了,如果获取的id 是变量,只需要这样子写即可,如下: documen ...

  9. document.getElementById(“id”)与$(#id)的区别

    1.document.getElementById("id")可以直接获取当前对象,jQuery利用$("#id")获取的是一个[object Object], ...

最新文章

  1. Linux下日志文件过大解决方案
  2. 华岩资本--微生物领域项目投递通道
  3. 接入新浪、腾讯微博和人人网的Android客户端实例 接入新浪、腾讯微博和人人网的Android客户端实例...
  4. 百度股价接连暴涨的背后,看Apollo的2020
  5. Leetcode Permutation Sequence
  6. 基于HAproxy的web动静分离及输出状态检测页面
  7. Maven 创建web项目
  8. AIX命令参考大全,卷 4,n - r
  9. 2021年KTV行业发展蓝皮书
  10. Linux下添加字体(QT可用)
  11. call,apply学习笔记
  12. LightGBM(lgb)详解
  13. 机器学习pdf_2020年新书-《机器学习算法入门》免费pdf分享
  14. BTREE这种Mysql默认的索引方式,具有普遍的适用性
  15. Python基础笔记(一)数据类型、变量、字符串
  16. WDF驱动开发- CONTEXT和IO QUEUE
  17. 【无标题】iTunes更新报错1110错误代码
  18. Vue组件传值、Vue、组件
  19. 什么是UML、UML类图
  20. 推荐5个好用的开源日志分析工具 (转载)

热门文章

  1. 【u-boot-2018.11】make工具之conf
  2. 程序员的算法趣题Q58: 丢手绢游戏中的总移动距离
  3. html底部留白怎么解决,image标签底部留白问题原理以及解决方案
  4. NotePadd++中Zen Coding失效解决办法
  5. 2019超级计算机的最新进展,2019—2020,这就是我的中国!
  6. Python爬虫入门教程10:彼岸壁纸爬取
  7. android11删除文件慢为什么,系统删除文件速度很慢的原因是什么
  8. 微软技术直通车(第三期)现场实录
  9. 查看和修改服务器中java程序默认的服务器时区
  10. html ap div,第10讲 网页布局元素:Ap DIV.ppt