JavaScriptにおけるstyle属性によるスタイリング

style属性を通じて要素をスタイリングする方法を 思い出しましょう。次のような要素があるとします:

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

変数にその要素への参照を取得しましょう:

javascriptlet elem = document.querySelector('#elem');

必要なスタイルを変更しましょう:

javascriptelem.style.color = 'red';

そのスタイルを読み取りましょう:

javascriptconsole.log(elem.style.color); // 'red' と出力されます;