HTML string -> documentFragment
$ npm i parse-html-dfimport parseHTML from 'parse-html-df';
// or dynamic-import, CDN
const {default: parseHTML} = await import('https://cdn.rawgit.com/honeo/parse-html-df/master/index.mjs');
const df = parseHTML('hoge<div class="fuga"><span class="piyo">foobar</span></div>');
document.body.append(df);<body>
...
"hoge"
<div class="fuga">
<span class="piyo">foobar</span>
</div>
<body>