dom_dom0400_007

インラインスタイルを1つだけ変更するにはelem.( A ).color = ‘red’のようにし、クラスの付け外しはelem.( B ).add(‘active’)のように操作する。

解答

A: style
B: classList

解説

styleはインラインスタイル(要素のstyle属性)を操作。複数状態の切替や再利用にはclassListでクラスを制御するのが一般的。

使用例(サンプルコード)

[ html ]

<button id="btn">ボタン</button>
<script>
  const btn = document.getElementById('btn');
  btn.style.color = 'red';
  btn.classList.add('active');
</script>