JavascriptでCSSスタイル変更しようとしたら「Uncaught SyntaxError: Invalid left-hand side in assignment」

JavascriptでCSSスタイル変更しようとしたら以下のエラーが発生してしまいました。

Uncaught SyntaxError: Invalid left-hand side in assignment

左側が受け付けないらしいがなぜかわからない。
エラーになってしまってたコードを抜粋するとこちらになります。

//非表示
document.getElementById("class1").style.display="none";
//表示
document.getElementById("class2").style.display="block";
//background-colorの変更
document.getElementById("change").style.background - color="red"; //ここでエラー

非表示、表示はうまく動くのになぜbackground-colorでエラーになってしまうのでしょうか。コードもコピペしてstyleの部分を変えただけなのに。

思いつくことを全て試しても改善できなかったのでググることにしました。

どうやらハイフン「-」がいけないようです。

document.getElementById("change").style.background - color="red"; //ここでエラー

問題のコードを以下のように直す。

document.getElementById("change").style.backgroundColor="red"; //これで解決

キャメルケースで書かなければいけなかったんですね。勉強になりました。

参考サイト:Uncaught ReferenceError: Invalid left-hand side in assignment (change css background-color) [duplicate]