[過去ﾛｸﾞ] JavaScript の質問用スレッド vol.125 (1002ﾚｽ)
上下前次1-新
抽出解除 ﾚｽ栞

---

このｽﾚｯﾄﾞは過去ﾛｸﾞ倉庫に格納されています｡
次ｽﾚ検索 歴削→次ｽﾚ 栞削→次ｽﾚ 過去ﾛｸﾞﾒﾆｭｰ

---

324(2): (ﾜｯﾁｮｲ a797-g9pY [121.94.16.107]) 2022/12/05(月)22:13 ID:lIq+TvzU0(1/2) AAS
すいません。
各<button>要素のkeyクラスに対して、背景色をつけたい。

[HTML]
<div class="keyboard">
<button id="0" class="key" >0</button>
<button id="1" class="key" >1</button>
<button id="2" class="key" >2</button>
省8

---

325: (ﾜｯﾁｮｲ 1b8b-Yzbi [210.228.102.1]) 2022/12/05(月)22:30 ID:iMOo3onG0(2/2) AAS
>>324
document.getElementsByClassName("key")
で返ってくるのは要素の配列（正確には配列風のオブジェクト）
なのでforで回すなりして各要素ごとにスタイルつける

---

331: (ﾜｯﾁｮｲ bb55-RX5i [122.20.171.29]) 2022/12/06(火)18:36 ID:xVTCRvFV0(3/8) AAS
>>324　をそのままChatGPTに投げてみた

`getElementsByClassName()`は、要素の配列（HTMLCollection）を返すメソッドです。
そのため、`getElementsByClassName()`に対してスタイルを設定することはできません。
そのため、エラーが発生していると思われます。

代わりに、以下のように各要素に対して個別にスタイルを設定する必要があります。

const keys = document.getElementsByClassName("key");
for (let i = 0; i < keys.length; i++) {
省11

---

上下前次1-新書関写板覧索設栞歴

---

ｽﾚ情報 赤ﾚｽ抽出 画像ﾚｽ抽出 歴の未読ｽﾚ AAｻﾑﾈｲﾙ

---

ぬこの手 ぬこTOP 0.032s