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

質問編集履歴

1

追記いたしました

2017/10/16 15:30

投稿

SugiuraY
SugiuraY

スコア318

title CHANGED
File without changes
body CHANGED
@@ -43,4 +43,31 @@
43
43
  </body>
44
44
 
45
45
  </html>
46
+ ```
47
+ [追記]
48
+ ```HTML
49
+ <button id="btn_1">btn</button>
50
+
51
+ <script type="text/javascript">
52
+ function adding() {
53
+ var elm_add = document.createElement('button');
54
+ elm_add.id = "hoge";
55
+ elm_add.textContent='btn added';
56
+ var objBody = document.getElementsByTagName("body").item(0);
57
+ objBody.appendChild(elm_add);
58
+ }
59
+ var elm = document.getElementById("btn_1");
60
+ elm.addEventListener("click", adding, false);
61
+
62
+ </script>
63
+ <script type="text/javascript">
64
+ // var elm_2 = document.getElementById("hoge");
65
+ document.addEventListener("click", function(e){
66
+ console.log(e);
67
+ if (e.target.id==='hoge') {
68
+ alert('it works! congraturations!!')
69
+ }
70
+ });
71
+ </script>
72
+ </body>
46
73
  ```