javascript - 如何创建可以动态复制的 HTML 模板？

Question

执行以下(伪)操作的正确方法是什么:

<div id="myTemplate">
  <div id="child1"></div>
  <span id="child2"></span>
</div>


<script>
  var templateCopy = document.getElementById("myTemplate")
  var copy1 = document.createElementFromTemplate(templateCopy);
  document.appendChild(copy1);
</script>

TIA

Answer 1

var copy1 = templateCopy.cloneNode(true)，注意 - id 也会被复制。