回答編集履歴

1 礼文追記

masafuro

masafuro score 11

2018/10/15 15:39  投稿

miyabi_takatsukさんのアドバイスでtemplateを使ったらできました。
ありがとうございましたm(_ _)m
miyabi_takatsukさんのアドバイスでtemplateを使ったらできました。ありがとうございますm(_ _)m
wwbQzhMkhhgEmhUさんも話を聞いていただき、ありがとうございましたm(_ _)m
以下のようにやりました。
<div>
<h1>TEST h1</h1>
<p>TESTの中身です</p>
</div>
というHTMLのコードがあった時、
<div id="hoge">
</div>
<!-- テンプレートを用意する-->
<template id="temp">
<h1>TEST h1</h1>
<p>TESTの中身です</p>
</template>
<!-- hoge の中身に tempを入れる-->
<script>
function() {
var template = document.getElementById("temp");
var clone = document.importNode(template.content, true);
document.getElementById('hoge').appendChild(clone);});
</script>

思考するエンジニアのためのQ&Aサイト「teratail」について詳しく知る