回答編集履歴
2
コード修正
answer
CHANGED
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
|
|
10
10
|
```js
|
|
11
11
|
document.addEventListener('click', function(e) {
|
|
12
|
-
if (
|
|
12
|
+
if (e.target && e.target.classList.contains('check-btn')) {
|
|
13
13
|
alert('check-btn Click');
|
|
14
14
|
}
|
|
15
15
|
});
|
1
説明の改善
answer
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
他の方の回答のコメントより
|
|
2
2
|
> check-btnというclassがついたbuttonをクリックするとcssに書いたスタイルが反映するっていうことがしたくて、まずbuttonを定数で定義したいのですが、getElements系で指定しても動かなかったので、質問させていただきました
|
|
3
3
|
|
|
4
|
-
.check-btn というのは
|
|
4
|
+
.check-btn というのは insertAdjacentHTML で後から動的に追加した要素です。
|
|
5
5
|
最初の読み込み時に存在しないものですので、最初に定数で定義しても意味ないです。
|
|
6
6
|
insertAdjacentHTML で追加した後に、追加した.check-btnに対して、addEventListenerでイベントを設定するか、追加するHTMLにonclick属性を記述するとかするといいでしょう。
|
|
7
7
|
|