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() を追加します。