改变div的颜色 - 使用ID

Question

我正在尝试使用其ID更改div的颜色 字符串正在工作但Hex值无效。

工作： -

var div = document.getElementById('1');
div.style.backgroundColor = 'red';

不工作： -

var div = document.getElementById('1');
div.style.backgroundColor = #3e4046;
div.style.backgroundColor = 0x3e4046;

如何使用十六进制值更改div的颜色？

Answer 1

十六进制值与所有CSS值一样，需要是一个字符串。

div.style.backgroundColor = '#3e4046';

如果为CSS属性提供非字符串值，则会将其强制转换为字符串。例如，0x3e4046在转换为字符串时等于'4079686'，这不是有效的CSS颜色。对于#3e4046，您实际上有语法错误，因为#3e4046不是有效的JavaScript。