Javascript object.style.color是否仅返回rgb
环境:JavaScript object.style.color返回如下内容Javascript object.style.color是否仅返回rgb,javascript,Javascript,环境:JavaScript object.style.color返回如下内容 “rgb(255,0,0)” 是否有其他返回格式,如十六进制 var colorvariable = document.getElementById('text1').style.color 如果设置: document.getElementById('text1').style.color = '#000'; document.getElementById('text1').style.color = 'rgb(
“rgb(255,0,0)”
是否有其他返回格式,如十六进制
var colorvariable = document.getElementById('text1').style.color
如果设置:
document.getElementById('text1').style.color = '#000';
document.getElementById('text1').style.color = 'rgb(0,0,0)';
它将返回#000
但是,如果设置:
document.getElementById('text1').style.color = '#000';
document.getElementById('text1').style.color = 'rgb(0,0,0)';
它将返回rgb(0,0,0)
,因此此返回值取决于设置的值
您可以使用getComputedStyle
获取RGB格式的颜色,然后转换为十六进制。请参阅此代码:
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;
它返回它返回的内容,我相信(尽管我可能错了)它是特定于浏览器的。它返回它设置的内容吗?在chrome开发工具中,我发现了这一点。那么它是特定于浏览器的吗。document.getElementById(“newId”).style.color=“#000000”document.getElementById(“newId”).style.color rgb(255、255、255)