要素にクラスを追加する

要素にクラスを追加するには、要素の classList プロパティを使用します。以下のような要素があるとします。

<div>Item</div>Code language: HTML, XML (xml)

<div> 要素に box クラスを追加するには、以下を使用します。

const div = document.querySelector('div');
div.classList.add('box');Code language: JavaScript (javascript)

複数のクラスを追加することも可能です。以下は、<div> 要素に3つのクラスを追加します。

const div = document.querySelector('div');
div.classList.add('box','primary','rounded');Code language: JavaScript (javascript)