JavaScriptでの複数の要素に属性を設定する方法


方法1: ループを使用して要素に属性を設定する方法

// 要素の配列を取得する
var elements = document.getElementsByClassName('target-class');
// ループを使用して要素に属性を設定する
for (var i = 0; i < elements.length; i++) {
  elements[i].setAttribute('attribute-name', 'attribute-value');
}

上記の例では、getElementsByClassNameメソッドを使用して、属性を設定したい要素を取得しています。適切なクラス名を指定してください。

方法2: セレクタを使用して要素に属性を設定する方法

// セレクタを使用して要素に属性を設定する
var elements = document.querySelectorAll('.target-class');
// ループを使用して要素に属性を設定する
elements.forEach(function(element) {
  element.setAttribute('attribute-name', 'attribute-value');
});

上記の例では、querySelectorAllメソッドを使用して、属性を設定したい要素を取得しています。適切なセレクタを指定してください。

これらの方法を使用すると、複数の要素に一度に属性を設定することができます。setAttributeメソッドを使用して、属性名と属性値を指定してください。

以上のように、JavaScriptで複数の要素に属性を設定する方法を説明しました。適切なコード例を選択して、必要に応じて修正してください。