teratail header banner
teratail header banner
質問するログイン新規登録

回答編集履歴

1

調整

2023/01/10 07:18

投稿

yambejp
yambejp

スコア117906

answer CHANGED
@@ -15,4 +15,17 @@
15
15
  <div class="test">c</div>
16
16
  <div class="test">d</div>
17
17
  <div class="test">e</div>
18
+ ```
19
+
20
+ 元ソースを活かすのであればwhileではなくforでまわすとか
21
+ ```javascript
22
+ document.addEventListener('DOMContentLoaded', function(){
23
+ const testObjects = document.getElementsByClassName('test');
24
+ for(let i=0;i<testObjects.length;i++){
25
+ testObjects[i].setAttribute('id', `test_${i}`);
26
+ testObjects[i].addEventListener('click', function(){
27
+ console.log(i);
28
+ });
29
+ };
30
+ });
18
31
  ```