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

时间:2016-01-12 05:46:13

标签: html5 web

//这是绑定模板的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>

//这是模板..我尝试使用&#39;模板&#39;标签也是

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

        <p>from the template</p>

    </script>

// html DOM中的模板主机

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

1 个答案:

答案 0 :(得分: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;的{​​{1}}。

您可以在this jsfiddle

中观看它