How to add content to html body using JS?

Question

I have many

in my html and want to add more through javascript. However, using innerHTML is just replacin

Answer 1

I Just came across to a similar to this question solution with included some performance statistics.

It seems that example below is faster:

document.getElementById('container').insertAdjacentHTML('beforeend', '
 content html 
');

InnerHTML vs jQuery 1 vs appendChild vs innerAdjecentHTML.

Reference: 1) Performance stats 2) API - insertAdjacentHTML

I hope this will help.