Javascript jQuery获取纯文本中div的绿色背景（获取“绿色”，而不是“rgb（0128,0）”，而不是“0f0”）

我有一个

div

，背景色为

绿色

。在

HTML

和

JavaScript

中：

<div id="rectangle" style="background-color:green;width:200px;height:100px"></div>

var div = document.getElementById("rectangle")
console.log(div.style.backgroundColor)

控制台日志

rgb（0，128，0）

在

jQuery

中是否有方法返回文本的实际颜色

绿色

。或者，是否有一种简单的方法将

rgb（0，128，0）

转换为

绿色

---

我正在尝试获取颜色，而不是设置颜色。

这里有一个很小的颜色库 您可以使用它将rgb字符串格式的颜色转换为数组，然后转换为其名称，如下所示：

console.info（color.toName（color.toArray（“rgb（0，128，0）”）））

将jQuery函数与单个参数一起使用时，它会通过函数调用获取与传递的参数相匹配的当前应用（即，在应用样式表、内联样式等之后）样式属性

因此，当您调用该函数时，您将获得最初设置的CSS值的浏览器内部表示形式。让我们通过一个示例来说明这一点，但要针对DOM/CSSOM使用JavaScript：

window.onload=函数（）{
var kermit=document.getElementById（'kermit'）；
log（'style:'，kermit.style.backgroundColor）；
log（'computed:'，window.getComputedStyle（kermit.backgroundColor））；
};
这不容易
@Xufox那么它会返回rgb吗？@Xufox我相信他是在试图表示相等/结果，而不是在那些代码片段中设置。我不想要十六进制值我想要文本值你需要在
rgb
值和颜色名称之间创建映射。不难，但相当耗时。我希望internet上有一两个站点具有这种映射。通过
.css（）
获取css值使用函数，该函数返回浏览器对应用于该元素的css的解释。这就是为什么该值与最初设置的
style.backgroundColor
提供的值不同的原因。
var $div = $('#rectangle').css("backgroundColor"); 
console.log($div)