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属性名称，只需使用允许使用-个字符的表示法。

＆＃13;

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

Answer 2

在JavaScript中，-是一个减法运算符，因此使用该代码，您要告诉它的是：

  

取一个名为＆＃34; background＆＃34;的变量在一个名为＆＃34; style＆＃34;

的对象上      

减去名为＆＃34; color＆＃34;的变量的值。从它

     

设置等于getRandomColor（）

的结果

这并没有多大意义。这就是为什么在JavaScript中的camelCase中引用了带有破折号的css样式。

Answer 3

backgroundColor 是属性名称。那就是它。