title: make a DOM element's content be the one of a document fragment
body: <p>I am trying to insert into a DOM element the content of a document fragment (in pure javascript). The working principle is this:</p>
  <pre><code>var a = document.getElementById(&quot;a&quot;),
      b = document.getElementById(&quot;b&quot;);
  </code></pre>
  <p>now i place the content of &quot;a&quot; into a document fragment, using a template element</p>
  <pre><code>var content = document.createElement(&quot;template&quot;);
  content.innerHTML = a.innerHTML;
  content = content.content.cloneNode(true);
  </code></pre>
  <p>now i would like to replace the content of <code>b</code> with the content of <code>content</code>. I tried with a simple <code>b.innerHTML = content.innerHTML;</code>, but it seems like if document fragments doesn't have <code>innerHTML</code> property. <br>
  Is this possible to do?</p>
  <p>Note: i know this is totally an ineffective way to do the task of making <code>b.innerHTML = a.innerHTML</code>, but obviously this is just a simplification of a bigger task i am managing to do.</p>