回答編集履歴

1

コード追加

2019/10/31 16:45

投稿

hatena19
hatena19

スコア34073

test CHANGED
@@ -51,3 +51,63 @@
51
51
  </html>
52
52
 
53
53
  ```
54
+
55
+
56
+
57
+ ---
58
+
59
+ ES6以降のテンプレートリテラルを使えば、下記のようにも書ける。
60
+
61
+ ```html
62
+
63
+ <!DOCTYPE html>
64
+
65
+ <html lang="ja">
66
+
67
+
68
+
69
+ <head>
70
+
71
+ <meta charset="utf-8">
72
+
73
+ <meta http-equiv="Content-Script-Type" content="text/javascript">
74
+
75
+ <title>JavaScript テスト</title>
76
+
77
+ </head>
78
+
79
+ <body>
80
+
81
+ <div id="ih">
82
+
83
+ <p>今日は雨ですね</p>
84
+
85
+ </div>
86
+
87
+ <script type="text/javascript">
88
+
89
+ const ih = `
90
+
91
+ <h1>こんにちは</h1>
92
+
93
+ <p>今日もいい天気ですね</p>
94
+
95
+ <p>さようなら</p>
96
+
97
+ `;
98
+
99
+ function setih() {
100
+
101
+ document.getElementById("ih").innerHTML = ih;
102
+
103
+ }
104
+
105
+ setTimeout("setih()", 3000);
106
+
107
+ </script>
108
+
109
+ </body>
110
+
111
+ </html>
112
+
113
+ ```