如何从字符串中附加 html 元素？

Question

嗨，

我有这样的代码，首先我修复了 html 容器：

 <div id="messages"></div>

然后 javascript 生成其内容：

 var post = `<div id="${userid}">${content}</div>`;
 var item = document.createElement('div');
 item.innerHTML = post;
 messages.appendChild(item);

这个问题是它把每个 post 包装在一个 div 中，我不需要。这应该是输出

<div id="messages">
 <div id="user45">some content</div>
 <div id="user46">more content</div>
</div>

如何在没有包装器的情况下将字符串的内容直接附加到容器中？

谢谢。

Answer 1

messages.insertAdjacentHTML('beforeend', post)

How to append an html element from a string?