backgroundColor不是背景颜色

Question

为什么使用background-color在使用Javascript更改样式时不起作用，因为我在CSS中使用它？

这工作：

document.getElementById("circ").style.backgroundColor = getRandomColor(); 

但是，这并不工作：

document.getElementById("circ").style.background-color = getRandomColor(); 

Answer 1

-是the subtraction operator。它不能出现在点符号属性所在的标识符中。

您也可以使用background-color属性名称，您只需使用允许其中包含-个字符的符号。

document.body.style["background-color"] = "blue";

Answer 2

在JavaScript中-是减法运算符，所以与该代码是什么你告诉它做的是这样的：

采取一个名为“背景”变量在名为“风格”的物体上

从中减去名为“color”的变量的值

组等于getRandomColor的结果（）

这并不真正使一个很大的意义。这就是为什么在它们中使用破折号的CSS样式在JavaScript中的camelCase中引用的原因。

Answer 3

backgroundColor是属性名称。而已。

Answer 4

在JavaScript中，标识符只能包含字母数字字符（或“$”或“_”），并且不能以数字开头。 所以你不能使用减号来标识。