backgroundColor不是背景色

Question

當我在CSS更改Javascript樣式時，為什么不能使用background-color ？

這有效：

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

但這不起作用：

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

Answer 1

-是減法運算符 。 它不能出現在標識符中，該標識符是點表示法屬性。

您也可以使用background-color屬性名稱，只需要使用允許-字符的符號即可。

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

Answer 2

在JavaScript中， -是減法運算符，因此使用該代碼，您要告訴它執行以下操作：

在名為“樣式”的對象上采用名為“背景”的變量

從中減去名為“顏色”的變量的值

將其設置為等於getRandomColor（）的結果

這實際上沒有多大意義。 這就是為什么JavaScript中的camelCase中引用了帶有破折號的CSS樣式的原因。

Answer 3

backgroundColor是屬性名稱。 而已。