回答編集履歴

2

typo

2018/01/16 08:47

投稿

yambejp
yambejp

スコア114843

test CHANGED
@@ -66,12 +66,16 @@
66
66
 
67
67
  </script>
68
68
 
69
- <body>
70
-
71
69
  <table id="datatable"></table>
72
70
 
73
71
  <input type="text" id="text999"/>
74
72
 
75
- <body>
73
+ <!--
74
+
75
+ ゴミタグ(body)を削りました
76
+
77
+ -->
78
+
79
+
76
80
 
77
81
  ```

1

ついき

2018/01/16 08:47

投稿

yambejp
yambejp

スコア114843

test CHANGED
@@ -13,3 +13,65 @@
13
13
  ```
14
14
 
15
15
  ※上記「tr td」は省略してもOK
16
+
17
+
18
+
19
+ # 追記
20
+
21
+ ちなみにjqueryを使わないならこんな感じ
22
+
23
+ (以下ベタに貼り付ければ動きます)
24
+
25
+ ```javascript
26
+
27
+ <script>
28
+
29
+ document.addEventListener('click',function(e){
30
+
31
+ var t=e.target;
32
+
33
+ if(t.nodeName=="INPUT" && t.id && t.id.match(/^text/)){
34
+
35
+ alert('hoge');
36
+
37
+ }
38
+
39
+ });
40
+
41
+ window.addEventListener('DOMContentLoaded', function(e){
42
+
43
+ var datatable = document.getElementById("datatable");
44
+
45
+ var tr = document.createElement("tr");
46
+
47
+ for(var i=0;i<5;i++){
48
+
49
+ var td = document.createElement("td");
50
+
51
+ var inp = document.createElement("input");
52
+
53
+ inp.id = "text" + i;
54
+
55
+ td.appendChild(inp);
56
+
57
+ tr.appendChild(td);
58
+
59
+ }
60
+
61
+ datatable.appendChild(tr);
62
+
63
+
64
+
65
+ });
66
+
67
+ </script>
68
+
69
+ <body>
70
+
71
+ <table id="datatable"></table>
72
+
73
+ <input type="text" id="text999"/>
74
+
75
+ <body>
76
+
77
+ ```