javascript - object.style.color 只返回 rgb

Question

环境:JavaScriptobject.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)';

它将返回 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;