Append HTML to container element without innerHTML

Check out the insertAdjacentHTML() method. The first parameter is where you want the string appended and takes (“beforebegin”, “afterbegin”, “beforeend”, “afterend”). In the OP’s situation you would use “beforeend”. The second parameter is just the html string.

Basic usage:

var d1 = document.getElementById('one');
d1.insertAdjacentHTML('beforeend', '<div id="two">two</div>');