title: Set innerHTML and get childNodes is incorrect in IE8
body: <p>This is my code, I want to get childNodes and loop create these tag, But print 2 in IE8</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
      &lt;title&gt;&lt;/title&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;div id="div"&gt;&lt;/div&gt;
      &lt;script type="text/javascript"&gt;
          var div = document.getElementById('div');
          var code = '&lt;script&gt;alert("hello");&lt;\/script&gt;&lt;div&gt;dsd&lt;\/div&gt;&lt;script&gt;alert("hi");&lt;\/script&gt;';
          div.innerHTML = code;
          console.log(div.children.length);
          console.log(div.childNodes.length)
      &lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>