javascript - jQuery 以纯文本形式获取 div 的绿色背景(获取 "green",而不是 "rgb(0,128,0)",而不是 "#0f0")

标签 javascript jquery background

<分区>

我有一个 div,其 background-colorgreen。在 HTMLJavaScript 中:

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

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

控制台记录绿色

我尝试在 jQuery 中做同样的事情。但是我得到了:

var $div = $('#rectangle').css("backgroundColor"); 
console.log($div) 

控制台日志 rgb(0, 128, 0)

jQuery 中有没有办法返回文本 green 的实际颜色。或者有没有一种简单的方法可以将 rgb(0, 128, 0) 转换为 green

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

最佳答案

这里有一个很小的颜色库https://github.com/Olical/color 您可以使用它将 rgb 字符串格式的颜色转换为数组,而不是它的名称,如下所示:

console.info(color.toName(color.toArray("rgb(0, 128, 0)")))
<script src="https://unpkg.com/olical-color@1.0.1/src/color.js"></script>

关于javascript - jQuery 以纯文本形式获取 div 的绿色背景(获取 "green",而不是 "rgb(0,128,0)",而不是 "#0f0"),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40873322/

相关文章:

powershell - 如何在不显示窗口的情况下将Powershell脚本作为后台任务运行?

ios - 应用程序从后台恢复后,如何防止 UIImage 消失? (iPad)

javascript - 是否可以将 Ajax 调用存储为对象?

javascript - 如何从带有单引号和大括号的 Web 服务接收的 JSON 对象中提取数据?

jquery - 动态改变导航栏的颜色

javascript - 我可以在我的 pelican 网站上使用 d3.js 显示动态图表吗?

android - "Tried to send a platform message to Flutter, but FlutterJNI was detached from native C++."启动后台服务并关闭应用后

javascript - HTML5 视频 - 如何无缝播放多个视频然后循环播放序列?

javascript - 如何从 Javascript 调用 ASP.Net 页面上的静态方法?

javascript - 动态填充谷歌柱形图