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 的最后一个参数是“Array, List of other nodes to be appended as children” 。因此，当您将字符串传递给它时，它会被视为文本。

你可以使用：

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

2 回答 2