質問編集履歴
2
修正
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -20,7 +20,14 @@
|
|
|
20
20
|
contents(id)の下に、allの内容をもう一度表示したいです。
|
|
21
21
|
insertAdjacentHTML()で成功しているのですが、IEで表示がされないため、別の方法を試しています。(IE11サポートされていない？)
|
|
22
22
|
|
|
23
|
-
このままブラウザで確認すると、htmlのソースが表示されてしまいます。
|
|
23
|
+
このままブラウザで確認すると、htmlのソースが表示されてしまいます。ブラウザ上にタグも全部出力されてしまいます。
|
|
24
|
+
```ブラウザ
|
|
25
|
+
<div id = "all">
|
|
26
|
+
<p>hogehogehogehogehogehogehogehogehogehogehogehogehogehoge</p>
|
|
27
|
+
<p>hogehogehogehogehogehogehogehogehogehogehogehogehogehoge</p>
|
|
28
|
+
<p>hogehogehogehogehogehogehogehogehogehogehogehogehogehoge</p>
|
|
29
|
+
</div>
|
|
30
|
+
```
|
|
24
31
|
ソースではなく、ちゃんと(デバック？後を)出力するにはどのように変換したらよろしいでしょうか？
|
|
25
32
|
|
|
26
33
|
よろしくお願いいたします。
|
1
質問文の修正
title
CHANGED
|
@@ -1,1 +1,1 @@
|
|
|
1
|
-
Javascript
|
|
1
|
+
Javascript append() 変数内のHTMLコードをうまく表示する方法
|
body
CHANGED
|
@@ -1,8 +1,25 @@
|
|
|
1
|
+
```HTML
|
|
2
|
+
<div id = "all">
|
|
3
|
+
<p>hogehogehogehogehogehogehogehogehogehogehogehogehogehoge</p>
|
|
4
|
+
<p>hogehogehogehogehogehogehogehogehogehogehogehogehogehoge</p>
|
|
5
|
+
<p>hogehogehogehogehogehogehogehogehogehogehogehogehogehoge</p>
|
|
6
|
+
</div>
|
|
7
|
+
<div id = "contents">hogehogehogehogehogehogehogehogehogehogehogehogehogehoge</div>
|
|
8
|
+
|
|
9
|
+
|
|
10
|
+
```
|
|
11
|
+
|
|
1
12
|
```Javascript
|
|
2
13
|
var all = document.getElementById("all").outerHTML;
|
|
14
|
+
var contents= document.getElementById("contents");
|
|
3
15
|
contents.append(all);
|
|
4
16
|
```
|
|
17
|
+
仕事の都合上、HTMLは書き替えたくないです。
|
|
5
18
|
|
|
19
|
+
|
|
20
|
+
contents(id)の下に、allの内容をもう一度表示したいです。
|
|
21
|
+
insertAdjacentHTML()で成功しているのですが、IEで表示がされないため、別の方法を試しています。(IE11サポートされていない？)
|
|
22
|
+
|
|
6
23
|
このままブラウザで確認すると、htmlのソースが表示されてしまいます。
|
|
7
24
|
ソースではなく、ちゃんと(デバック？後を)出力するにはどのように変換したらよろしいでしょうか？
|
|
8
25
|
|