Use insertAdjacentHTML
.innerHTMLでHTMLを生成すると、もともと入っているDOMを破壊してしまうためinsertAdjacentHTMLを使おう!
//HTML
<div id="hoge">
<p>Hello,World!</p>
</div>
<div id="fuga">
<p>Hello,World!</p>
</div>
//SCRIPT
<script type="text/javascript">
const hoge = document.getElementById("hoge");
const fuga = document.getElementById("fuga");
const adderDom = "<br>Hello,DOM!";
hoge.innerHTML = adderDom;
fuga.insertAdjacentHTML("beforeend", adderDom);//引数は(where, dom)
//whereの部分には
//'beforebegin'
//'afterbegin'
//'beforeend'
//'afterend'
//が入ります。
</script>
//Result
Hello,DOM!
Hello,World!
Hello,Dom!