Javascript的"document.querySelector().style.backgroundColor"将HEX转换为RGB有什么原因吗?



这是我在这里的第一个问题,请温和一点。我刚刚注意到,在Safari、Chrome和Firefox的控制台中,以下脚本中的颜色值总是返回RGB值,而不是HEX值。这并不是说它阻止了代码的工作或其他什么,我只是想知道为什么控制台不返回发送的HEX值?Javascript总是将颜色值转换为RGB吗?相对于其他范式,它是一个一流的公民吗?

function randomHEX() {
var HEXvalues = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, "A", "B", "C", "D", "E", "F"];
var newHEX = "#";
for (i = 0; i < 6; i++) {
var nextIndex = Math.floor(Math.random() * HEXvalues.length); // grab a random value from the array
newHEX += HEXvalues[nextIndex]; // increment values to newHEX
}
document.querySelector("#hexName").textContent = newHEX; // use newHEX to fill text of ID hexName
document.querySelector(".container").style.backgroundColor = newHEX; // use newHEX to change background color of box
}

Safari控制台窗口

如有任何信息,我们将不胜感激。

非常感谢。


PS

感谢那些作出回应的人。我的问题是为什么RGB为什么不默认为收到的十六进制数字为什么Javascript使用.style.backgroundColor将HEX值转换为RGB值?

再次感谢。

是,默认情况下显示为RGB。要将其转换为HEX,这里已经回答了链接

这不是您的问题。您的函数使HEX值正确。您可以通过在函数末尾添加console.log(newHEX)来检查它。

CCD_ 2将其转换为RGB值。

如果您需要将其转换回-请检查此问题。

最新更新