如何创建可以动态复制的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也会被复制。

Answer 2

我知道你可以在jQuery http://api.jquery.com/clone/

中做到这一点

Answer 3

Microsoft通过使用jQuery Templates插件贡献了一个jQuery。希望这有帮助

https://github.com/jquery/jquery-tmpl

Answer 4

jQuery模板几乎可以满足您的要求。你可以使用

  $("elem").tmpl(output)

......也有字符串替换。