javascript - 具有 RGBA 背景颜色的 IF 条件

Question

如何在纯 JavaScript 中编写一个 IF 条件来检查 <li> 的背景颜色是否存在标签等于特定的 RGBA 颜色组合。

例如:

if(document.getElementById('element').style.backgroundColor == "rgba(213,212,212,0.5)")
{
     alert("MATCHED");
}
else
{
     alert("FAILED");
}

但是 IF 语句的这种比较不有效!请帮忙!

Answer 1

CSS 值以特定方式返回。

尝试将其与:"rgba(213, 212, 212, 0.5)"

(每个逗号后有空格)。

由于 JavaScript 的舍入误差是最严重的，而且你真的不关心 alpha，所以你可以删掉你需要的部分:

var color = document.getElementById('element').style.backgroundColor;
color = color.substring(
                          color.indexOf('(') + 1,
                          color.lastIndexOf(color[3] == 'a' ? ',' : ')')
                        );

if (color == '213, 212, 212')
{
    alert("MATCHED");
}
else
{
    alert("FAILED");
}

无论是 rgb 还是 rgba 都有效

如果 background-color 未定义为内联样式，您可能需要使用:

var color = window.getComputedStyle(document.getElementById('element')).backgroundColor;

代替(代码中的第一行)。