将编译的下划线模板附加到文档片段

Question

如何将已编译的Underscore模板附加到JS文档片段？

var obj = {first: "Joel", last: "Spolsky"},
    frag = document.createDocumentFragment(),
    tmpl = $('#template').html(),
    compiled = _.template(tmpl, obj);

frag.appendChild(compiled);

当我console.log(frag)时，我收到此错误：

`Failed to execute 'appendChild' on 'Node': The new child element is null.`

我已确认compiled包含已解析的模板字符串;是否还有一个步骤，我缺少使编译的模板可用于文档片段？

Answer 1

compiled是一个html字符串，而不是一个DOM节点。您无法将其传递给appendChild，您必须设置.innerHTML属性。