dom_dom0400_008

状態トグルにはelem.classList.( A )(‘open’)が便利。存在すれば外し、なければ付ける。また、classList.( B )(‘open’)は常にクラスを追加する。

解答

A: toggle
B: add

解説

toggleは状態反転、addは付与専用。toggle(‘x’, 条件)の第二引数で明示的に真偽指定も可能。

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

[ html ]

<div id="panel"></div>
<script>
  const panel = document.getElementById('panel');
  panel.classList.toggle('open');
  panel.classList.add('open');
</script>