如何在Prototype中使用HTML创建元素？

Question

有没有一种方法可以从Prototype中的HTML创建元素，这与jQuery的$('<div>Foo</div>')类似？

基本上，我从Handlebars模板创建HTML块，并希望插入到DOM中，但不想将它包装在其他元素中。

Answer 1

我将这个函数作为'静态方法'添加到Mustache中以解决同一个问题。我不相信Prototype有任何内置解决方案。我用隐藏的textareas来保存我的模板代码，因此调用了$F()。最后3行更具体到你的问题 - 创建一个新的div，插入你的应用模板HTML，然后返回第一个后裔（作为一个元素，在这一点上）。这假定你的模板只有一个根元素。

Mustache.createElementFromTemplateId = function(templateId, data) { 
    if (!this.cachedTemplates) this.cachedTemplates = {}; 

    var templateStr = this.cachedTemplates[templateId]; 
    if (!templateStr) { 
     templateStr = $F(templateId); 
     this.cachedTemplates[templateId] = templateStr; 
    } 

    var appliedTemplateStr = this.render(templateStr, data); 

    var div = new Element("div"); 
    div.insert(appliedTemplateStr); 
    return div.firstDescendant(); 
};