JavaScriptでのstyle属性による要素のスタイリング
それでは、要素にCSSスタイルを追加する方法を学びましょう。
これは、style属性を変更することで行われます。
例えば、色を変更するには、次のようなチェーンを構築します:elem.style.color、
そして、それに必要な色の値を代入します。
例を見てみましょう。次のような要素があるとします:
<p id="elem">text</p>
この要素を赤色にしましょう:
let elem = document.querySelector('#elem');
elem.style.color = 'red';
div要素とボタンが与えられています。ボタンをクリックして、 divに幅、高さ、ボーダーを追加してください。