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中，標識符只能包含字母數字字符（或「$」或「_」），並且不能以數字開頭。 所以你不能使用減號來標識。