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

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属性.