title: Convert a es6 template string to html element using vanilla javascript
body: <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>