もう少し方法がないかなと思って、
本家 で 検索してみたら こういう方法が 紹介されていました。
https://stackoverflow.com/questions/10585029/parse-an-html-string-with-js
var parser = new DOMParser();
var htmlDoc = parser.parseFromString(txt, 'text/html');
生成した HTML 文字列を
outputElement.innerHTML = parser.parseFromString(insertElement, 'text/html');
とすると ページ全体の DOM が構築まえでも 指定の エレメントに DOM 構築されたHTMLを設定できるようです。
[MDN によると][1] IE10 以降であれば 利用できそうです。
利用する環境が 限定できるなら、当初の目的に一番近い方法だと思います。
[1]: https://developer.mozilla.org/en-US/docs/Web/API/DOMParser#Browser_compatibility