要素のスタイルを変更する
Coddyの「JavaScript DOM メソッド」コースのレッスン 4/13。
次に学習するプロパティは、既存のスタイリングを変更するための style です。次のようにスタイリングを修正できます：
const element = document.getElementById("elementID");
element.style.color = "green";このコードの実行後、#elementID の色は green に変更されます。
チャレンジ
簡単IDを持つdivを含むHTMLコードが与えられています。
JavaScriptのみを使用して、このdivの背景色をredに変更してください：
getElementById関数を使用して要素を取得します。style.backgroundColorプロパティを使用して、要素の背景色のスタイルを変更します。
自分で試してみよう
<!DOCTYPE html>
<html>
<body>
<div id="box" style="width: 100px; height: 100px;">Content</div>
<script src="script.js"></script>
</body>
</html>