要素にクラスを追加する

対象のDOM操作の方法

DOM操作の基本として、

対象の要素の取得方法については、

３パターンあるので、以下を参考にしましょう。

【基本を押さえる_05】DOM操作

サンプル

HTMLの

<p class="init-class">確認用の要素</p>

という要素に対して、

クラスの追加に関しては、

要素の「classList」に対して、

「add」で追加できます。

// DOMを取得
let sample = document.querySelector('p');

// クラスの追加
sample.classList.add("add-class");

上記を実行することで、

HTMLの要素のクラスが、

<p class="init-class add-class">確認用の要素</p>

このように、

クラス名に指定のクラスが追加されます。