JavaScriptでのstyle属性による要素のスタイリング

それでは、要素にCSSスタイルを追加する方法を学びましょう。 これは、style属性を変更することで行われます。 例えば、色を変更するには、次のようなチェーンを構築します：elem.style.color、 そして、それに必要な色の値を代入します。

例を見てみましょう。次のような要素があるとします：

html<p id="elem">text</p>

この要素を赤色にしましょう：

javascriptlet elem = document.querySelector('#elem');
elem.style.color = 'red';