无法将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);返回Stringhtml 的 a 并尝试将其传递给appendChild需要Node. 可能的解决方案：

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