javascript - Scriptacolus のノードビルダーを使用して html を挿入する方法

Question

たとえば、このコード

var html = "<p>This text is <a href=#> good</a></p>";
var newNode = Builder.node('div',{className: 'test'},[html]);
$('placeholder').update(newNode);

p タグと a タグが表示される場合、それらがエスケープされないようにするにはどうすればよいですか?

score 2 · Accepted Answer

Wikiによると、 Builder.node の最後のパラメーターは「配列、子として追加される他のノードのリスト」です。したがって、文字列を渡すと、テキストのように扱われます。

あなたが使用することができます：

var a = Builder.node('div').update("<a href='#'>foo</a>")

リンクがテキストの場合、または:

var a = Builder.node('div', {'class':'cool'}, 
         [Builder.node('div', {'class': 'another_div'})]
        );

また、Prototypes new Element() (バージョン 1.6 以降で利用可能)だけを使用することもできます。

var a = new Element('div').insert(
          new Element('div', {'class': 'inner_div'}).update("Text in the inner div")
        );

score 0 · Accepted Answer

javascript - Scriptacolus のノード ビルダーを使用して html を挿入する方法