javascript - 无法将appendChild与Mustache渲染模板一起使用

Question

我有一个简单的Mustache.js模板:

var template = '<div style="width: 300px; height: 200px; background: red;">TEST</div>';

var rendered = Mustache.render(template);

我想使用 appendChild 将其添加到正文中:

document.body.appendChild(rendered);

但这会产生错误:

Uncaught TypeError: Failed to execute 'appendChild' on 'Node': parameter 1 is not of type 'Node'

Answer 1

Mustache.render(template); 返回 html 的 String，并且您尝试将其传递给需要 的 appendChild节点。可能的解决方案:

var template = '<div style="width: 300px; height: 200px; background: red;">TEST</div>';
document.body.insertAdjacentHTML('beforeend', Mustache.render(template));