Каков правильный способ привязки шаблона в 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> 

// это шаблон .. я попытался с помощью 'шаблон' тег слишком

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

     <p>from the template</p> 

    </script> 

// Шаблон хоста в HTML DOM

<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.innerHTML = template.innerHTML; на номер host.innerHTML += template.innerHTML;, если хотите добавить содержимое своего шаблона к своему host.

Вы можете посмотреть его работы в this jsfiddle