Convert a es6 template string to html element using vanilla javascript : <p>Is there a method to use plain old vanilla javascript (sans frameworks) to convert a html template string into a Html element?</p>

<p>Here's what i've things that i've tried:</p>

<pre><code>function renderBody(selector = body, template) {
    const prop.text = 'foobar';
    const templateString = `&lt;div id='test'&gt;${prop.text}&lt;/div&gt;`
    const test = document.createElement('div');
    test.innerHTML = templateString;
    document.querySelector(selector).appendChild(test);
}
</code></pre>

<p>This implementation works but it uses innerHTML and adds an extra wrapped div. There a way to do that without the extra <code>div</code>?</p>
