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

回答編集履歴

4

kousin

2021/03/22 02:23

投稿

yambejp
yambejp

スコア117923

answer CHANGED
@@ -17,5 +17,4 @@
17
17
  });
18
18
  </script>
19
19
  <div id="hoge">hoge</div>
20
- ```
20
+ ```
21
- ※更新

3

kousin

2021/03/22 02:23

投稿

yambejp
yambejp

スコア117923

answer CHANGED
@@ -7,7 +7,7 @@
7
7
  <script>
8
8
  document.addEventListener('click',e=>{
9
9
  const t=e.target.closest('.check-btn');
10
- if([...document.querySelectorAll('.check-btn')].includes(t)){
10
+ if(t){
11
11
  console.log(t.textContent);
12
12
  }
13
13
  });

2

kousin

2021/03/22 02:20

投稿

yambejp
yambejp

スコア117923

answer CHANGED
@@ -17,4 +17,5 @@
17
17
  });
18
18
  </script>
19
19
  <div id="hoge">hoge</div>
20
- ```
20
+ ```
21
+ ※更新

1

ちょうせい

2021/03/22 02:18

投稿

yambejp
yambejp

スコア117923

answer CHANGED
@@ -1,1 +1,20 @@
1
- classがitemのliが該当するdomになりますが、なにか特殊なことをしたいのですか?
1
+ classがitemのliが該当するdomになりますが、なにか特殊なことをしたいのですか?
2
+
3
+ # sample
4
+ ```javascript
5
+ <button class="check-btn">test1</button>
6
+ <button class="check-btn"><span>test2</span></button>
7
+ <script>
8
+ document.addEventListener('click',e=>{
9
+ const t=e.target.closest('.check-btn');
10
+ if([...document.querySelectorAll('.check-btn')].includes(t)){
11
+ console.log(t.textContent);
12
+ }
13
+ });
14
+ window.addEventListener('DOMContentLoaded',()=>{
15
+ const test=`<button class="check-btn">test3</button>\n<button class="check-btn"><span>test4</span></button>`;
16
+ document.querySelector('#hoge').insertAdjacentHTML('beforeend', test);
17
+ });
18
+ </script>
19
+ <div id="hoge">hoge</div>
20
+ ```