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

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)' 逗号后面有空格

切换颜色成功。

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值