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)' 逗号后面有空格
切换颜色成功。
js getElementById(ID).style.backgroundColor==“rgb(204,204,204)“或“#CCCCCC“格式的都不能正确判断相关推荐
- php 正则替换style,php正则去除js,class,id,style标签代码
在写xml的时候,文档要求内容里面只要图片和段落就可以了,其他的css,js什么的都不需要. 所以,在输出的时候,就要用正则去过滤掉不需要的标签代码. 第一种:php正则去除js标签代码.$preg ...
- Js中的style,currentStyle,getComputedStyle()区别
Js中的style,currentStyle,getComputedStyle()区别 样式表有三种方式: 1.内嵌样式(inline Style)-是写在Tag里面的,内嵌样式只对所有的Tag有效 ...
- html body background color,HTML Style backgroundColor用法及代码示例
HTML DOM中的backgroundColor属性用于设置或返回元素的背景色. 用法: object.style.backgroundColor 它返回元素的背景色. object.style.b ...
- js获取id后添加html代码,js获取Id的方法getElementById与$的由来和用Id判断元素是否存在及批量动态获取 Id...
要用js操作一个html元素必须获取到这个元素,而获取元素要用 getElementById() 方法,这个方法是通过元素的Id获取到元素这个对象.getElementById 字符比较多,写得比较长 ...
- js中document.getElementById(ID)与document.getElementsByName(Name)的区别
在一个HTML文档中,每个元素都可以设置ID和NAME属性.其中ID属性是唯一属性,不可以重复,一个ID值只能对应一个元素:而NAME属性是可以重复的,一个NAME值可以对应一组元素. 所以,使用do ...
- 关于js获取id的函数封装
函数(function)指的是有事件驱动或者当他被调用的可重复执行的代码块儿 平时在写原生js时都要获取对象id等,但是大部分我们要获取的对象很多,这样一个一个的获取对象id就显得十分笨拙,在实践项目 ...
- 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 |举报|字号 订阅 之前 ...
- document.getElementById() id是变量
js document.getElementById(id)id是变量.这个问题说实话,确实那时候让我有点无语. 不过后来摸索出来了,如果获取的id 是变量,只需要这样子写即可,如下: documen ...
- document.getElementById(“id”)与$(#id)的区别
1.document.getElementById("id")可以直接获取当前对象,jQuery利用$("#id")获取的是一个[object Object], ...
最新文章
- Linux下日志文件过大解决方案
- 华岩资本--微生物领域项目投递通道
- 接入新浪、腾讯微博和人人网的Android客户端实例 接入新浪、腾讯微博和人人网的Android客户端实例...
- 百度股价接连暴涨的背后,看Apollo的2020
- Leetcode Permutation Sequence
- 基于HAproxy的web动静分离及输出状态检测页面
- Maven 创建web项目
- AIX命令参考大全,卷 4,n - r
- 2021年KTV行业发展蓝皮书
- Linux下添加字体(QT可用)
- call,apply学习笔记
- LightGBM(lgb)详解
- 机器学习pdf_2020年新书-《机器学习算法入门》免费pdf分享
- BTREE这种Mysql默认的索引方式,具有普遍的适用性
- Python基础笔记(一)数据类型、变量、字符串
- WDF驱动开发- CONTEXT和IO QUEUE
- 【无标题】iTunes更新报错1110错误代码
- Vue组件传值、Vue、组件
- 什么是UML、UML类图
- 推荐5个好用的开源日志分析工具 (转载)
热门文章
- 【u-boot-2018.11】make工具之conf
- 程序员的算法趣题Q58: 丢手绢游戏中的总移动距离
- html底部留白怎么解决,image标签底部留白问题原理以及解决方案
- NotePadd++中Zen Coding失效解决办法
- 2019超级计算机的最新进展,2019—2020,这就是我的中国!
- Python爬虫入门教程10:彼岸壁纸爬取
- android11删除文件慢为什么,系统删除文件速度很慢的原因是什么
- 微软技术直通车(第三期)现场实录
- 查看和修改服务器中java程序默认的服务器时区
- html ap div,第10讲 网页布局元素:Ap DIV.ppt