object.style.color只返回rgb

Question

环境：JavaScript object.style.color返回类似的东西 "rgb(255,0,0)" 是否有其他返回格式，如hex？

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)';

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

您可以使用getComputedStyle以RGB格式获取颜色，然后转换为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;