什麼是將模板綁定到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