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

回答編集履歴

1

追記

2017/09/08 07:49

投稿

yambejp
yambejp

スコア117967

answer CHANGED
@@ -2,7 +2,6 @@
2
2
  ただし、古いブラウザは対応していないのでちょっとした工夫が必要。
3
3
 
4
4
  ```javascript
5
- <script>
6
5
  window.onload=function(){
7
6
  var data = `
8
7
  <div class='test'>
@@ -19,6 +18,28 @@
19
18
  console.log(data);
20
19
  });
21
20
  }
21
+ ```
22
- </script>
22
+ ```HTML
23
23
  <input type="button" id="btn" value="check">
24
- ```
24
+ ```
25
+
26
+ # 追記
27
+ よくみるとjQueryっぽいので、こうでしょうか?
28
+ ```javascript
29
+ $(function(){
30
+ var data = `
31
+ <div class='test'>
32
+ <div>hoge</div>
33
+ <div>hoge</div>
34
+ <div>hoge</div>
35
+ <div>hoge</div>
36
+ <div>hoge</div>
37
+ <div>hoge</div>
38
+ <div>hoge</div>
39
+ <div>hoge</div>
40
+ </div>`;
41
+ $("#btn").on('click',function(){
42
+ $("body").append($(data));
43
+ });
44
+ });
45
+ ```