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”; //これで解決
キャメルケースで書かなければいけなかったんですね。勉強になりました。