Skip to main content
1 / 4
user18851
  • 1,238
  • 8
  • 6

もう少し方法がないかなと思って、
本家 で 検索してみたら こういう方法が 紹介されていました。
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

user18851
  • 1,238
  • 8
  • 6