javascript - mootools：从 HTML 创建一个新的 DOM 元素

Question

如何在 Mootools 中从字符串（从 ajax 传递）创建 DOM 元素？

在 jQuery 中，一个简单的解决方案是$( elements )

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

Answer 1

简单如：Elements.from('<i>This is italic</i><b>this bold</b>')

Answer 2

如果没有字符串，您将使用 Element 类：

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

使用字符串，您可以检查它在 Request.HTML 中的含义，请参见此处。

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

基本上 Mootools 元素和 DOM 元素是相同的，这是另一个从 HTML 创建 DOM 节点的 SO 问题：使用内置 DOM 方法或原型从 HTML 字符串创建新的 DOM 元素

从旧的 Mootools 论坛中，我也发现了一个有趣的想法：添加一个包含此逻辑的新方法 Element.fromString() 或 String.toElement()。

Answer 3

我正在使用最新的Mootools 1.6.0。
它抛出Elements.from的不是函数。

这个对我有用：

var html = '<img src='+item.src+'>';
var el = new Element('li').set('html', html);

工作代码：http: //jsfiddle.net/chetabahana/qbx9b5pm/