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

Question

如何将编译的下划线模板追加到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属性。