mootools:从 HTML 创建一个新的 DOM 元素

mootools: Creating a new DOM element from an HTML

本文关键字：一个 元素 DOM HTML 创建 mootools      更新时间：2023-09-26

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

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

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

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

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

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

使用字符串，您可以在请求.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（）。

我使用的是最新的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/

相关文章：