mootools：從HTML創建一個新的DOM元素

Question

如何在Mootools中從字符串（通過ajax傳遞）創建DOM元素？

在jQuery的一個簡單的解決方案是$(elements)

var elements = '<i>This is italic</i><b>this bold</b>...'; 

Answer 1

沒有一個字符串，你可以使用元素類：

var el = new Element('div#id.class', { 
    text: 'My text', 
}); 

一個字符串，您可以檢查它是如何的一個在Request.HTML ，see here。

var temp = new Element('div').set('html', response.html); 
response.tree = temp.childNodes; 
response.elements = temp.getElements(options.filter || '*'); 

基本上MooTools的元素& DOM元素是相同的，這是它創建DOM從HTML節點中的另一SO問題：Creating a new DOM element from an HTML string using built-in DOM methods or prototype

從老Mootools的論壇上，我發現了一個interesting idea太：添加一個新方法元素.fromString（）或String.toElement（）將包含此邏輯。

Answer 2

就這麼簡單：Elements.from('<i>This is italic</i><b>this bold</b>')