如何在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(); 
};