什么是将模板绑定到html的正确方法？

Question

//这里是模板绑定的JavaScript

<script type="text/javascript"> 
     var template=document.getElementById("#template"); 
     var clone=document.importNode(template.content,true); 
     var host=document.getElementById("#host"); 
     host.appendChild(clone); 
    </script> 

//这是模板..我尝试使用 '模板' 标签中的HTML DOM

太

<script typ="text/template" id="template"> 

     <p>from the template</p> 

    </script> 

//主机模板

<div id="host"> 
    <p>inside the host</p> 
    </div> 

Answer 1

你可以把它用这种方式工作：

<script type="text/javascript"> 
      var template=document.getElementById("template"); 
      var host=document.getElementById("host"); 
      host.innerHTML = template.innerHTML; 
    </script> 

如果您想要将模板的内容附加到您的host，那么您应该更改host.innerHTML = template.innerHTML;的host.innerHTML += template.innerHTML;。

你可以看它的工作在this jsfiddle