如何比较使用JavaScript为元素指定的颜色
问题描述:
在使用jQuery的JavaScript中,如何测试分配给元素的颜色是否是蓝色,其id
为'ID'
。如何比较使用JavaScript为元素指定的颜色
用来设置元素颜色的JavaScript语句是:
$('#ID').css({'background-color':'#FF0000'});
答
你应该能够只使用一个参数与css
功能检查:
if ($('#ID').css('background-color') == '#FF0000') {
// your code
}
我更倾向于将请添加班级(red
或blue
),并使用hasClass
进行检查:
if ($('#ID').hasClass('red')) {
// your code
}
答
我也建议使用类,但是如果你真的想知道的东西的颜色,我会用一个JavaScript库来解析从的CSS的回报,像这样的:http://www.phpied.com/rgb-color-parser-in-javascript/
这里是它的一个例子在使用中:http://jsfiddle.net/keegan3d/5SBpk/
如果您刚刚设置颜色,那么您知道它是什么,我不确定您为什么要查询此。该页面应该是愚蠢的,当然不应该使用DOM来通过属性值来存储状态。你可以添加一个虚拟类,比如“colourBlue”或者“colourRed”到你的元素中,然后使用它来获得当前的颜色,但是我仍然认为它不是保存状态的地方。 – Lazarus 2010-12-23 09:19:33