How to append an html element from a string?

Question

Hi,

I have a code like this, first my fixed html which is the container:

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

then the javascript that generates its contents:

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

the problem with this is that it wrapps each post in a div which I dont need. This should be the output

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

how can I append the content of the string directly to the container without the wrapper?

Thank you.

Well your code **explicitly** creates the extra `
` that you don't want; perhaps you should instead not do that. — Pointy, Nov 06 '21 at 19:05
Is this your full code? I think you're using a loop and appending the item every time — testing_22, Nov 06 '21 at 19:07
I did so because I DIDNT KNOW another way, but the guy below already gave me the answer and now I know. — Cain Nuke, Nov 06 '21 at 19:29

score 2 · Accepted Answer · answered Nov 06 '21 at 19:10

2

messages.insertAdjacentHTML('beforeend', post)

answered Nov 06 '21 at 19:10

Spectric

1 Answers1