title: using document.createDocumentFragment() and innerHTML to manipulate a DOM
body: <p>I'm creating a document fragment as follow:</p>
  
  <pre><code>var aWholeHTMLDocument = '&lt;!doctype html&gt; &lt;html&gt;&lt;head&gt;&lt;/head&gt;&lt;body&gt;&lt;h1&gt;hello world&lt;/h1&gt;&lt;/body&gt;&lt;/html&gt;';
  var frag = document.createDocumentFragment();
  frag.innerHTML = aWholeHTMLDocument;
  </code></pre>
  
  <p>The variable <code>aWholeHTMLDocument</code> contains a long string that is the entire html document of a page, and I want to insert it inside my <em>fragment</em> in order to generate and manipulate the DOM dynamically.</p>
  
  <p>My question is, once I have added that string to <code>frag.innerHTML</code>, shouldn't it load this string and convert it to a DOM object? </p>
  
  <p>After setting innerHTML, shouldn't I have access to the DOM through a property? </p>
  
  <p>I tried frag.childNodes but it doesn't seem to contain anything, and all I want is to just access that newly created DOM.</p>