如何創建可以動態複製的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

微軟已經通過其的jQuery插件模板貢獻了jQuery的。希望這有助於

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

Answer 4

jQuery的模板做幾乎你所要求的。您可以使用

$("elem").tmpl(output) 

...並且也有字符串替換。