javascript - object.style.color 只返回 rgb

Question

环境：JavaScript object.style.color 返回类似于 "rgb(255,0,0)" 是否有另一种返回格式，例如十六进制？

var colorvariable = document.getElementById('text1').style.color

Answer 1

如果你设置：

document.getElementById('text1').style.color = '#000';

它会返回#000。

但是，如果您设置：

document.getElementById('text1').style.color = 'rgb(0,0,0)';

它将 return rgb(0,0,0)，因此此返回值取决于设置的值。

您可以使用getComputedStyleRGB 格式获取颜色，然后转换为 HEX。请参阅此代码：

var hexChars = '0123456789ABCDEF';
var rgb = getComputedStyle(document.body).color.match(/\d+/g);
var r = parseInt(rgb[0]).toString(16);
var g = parseInt(rgb[1]).toString(16);
var b = parseInt(rgb[2]).toString(16);
var hex = '#' + r + g + b;