JavaScriptを使用して要素にCSSクラスを追加する方法

1. getElementByIdを使用する方法: 要素のidを使用して要素を取得し、classListプロパティを使用してCSSクラスを追加します。

const element = document.getElementById('elementId');
element.classList.add('className');

2. querySelectorを使用する方法: CSSセレクタを使用して要素を取得し、classListプロパティを使用してCSSクラスを追加します。

const element = document.querySelector('selector');
element.classList.add('className');

3. classListを直接使用する方法: HTML要素のclassListプロパティを使用して、要素に直接CSSクラスを追加します。

const element = document.getElementById('elementId');
element.classList.add('className');

これらの方法を使用すると、JavaScriptを使用して要素にCSSクラスを追加することができます。適切な要素を取得し、classListプロパティを使用して必要なCSSクラスを追加してください。

以上がJavaScriptを使用して要素にCSSクラスを追加する方法のコーディング例です。これにより、要素のスタイルを動的に変更することができます。

• JavaScript
• CSSクラスの追加
• 要素のスタイル変更
• コーディング例
• Web開発