💡 記事の下にエディタを用意しています。壊してもOK！
更新日: 2025年3月1日
JavaScriptでスタイルを変更する方法｜style
📌
結論
element.style.プロパティ でインラインスタイルを変更できます
📝 実際のコードはこちら
el.style.backgroundColor = '#e3f2fd';background-color → backgroundColor）。
まとめ
・element.style でインラインスタイルを直接変更
・プロパティ名はキャメルケース
・classListでクラスを操作する方が推奨
演習で試してみよう
JavaScriptでスタイルを変更してみましょう。🧪 ここで試せます ─ 壊しても大丈夫！
下のエディタで実際にコードを書いて、すぐにプレビューで確認できます。何度でもやり直せるので、思い切って色々試してみてください。
■ 演習
idがboxの要素の背景色をlightblueにしてください。
詰まったらヒント
element.style.backgroundColor = 'lightblue'