title: Is this a bug of IE8? table.rows is empty of dynamic generated table
body: <p>Test page
  </p>
  
  <pre><code>&lt;!DOCTYPE HTML&gt;
  &lt;html lang="en-US"&gt;
  &lt;head&gt;
      &lt;meta charset="UTF-8"&gt;
      &lt;title&gt;testcase&lt;/title&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;button onclick="Foo()"&gt;Eat me&lt;/button&gt;
      &lt;button id="bar"&gt;&lt;-- Hit it&lt;/button&gt;
      &lt;table id="testTable" onchange="Bar()"&gt;&lt;/table&gt;
  
      &lt;script type="text/javascript"&gt;
          function Foo(){
              var table = document.getElementById("testTable");
              for(var i=0; i &lt; 7; i++){
                  var row = document.createElement("tr");
                  for(var j=0; j &lt; 7; j++){
                      var cell = document.createElement("td");
                      cell.innerHTML = i + "-" + j;
                      row.appendChild(cell);
                  }
                  table.appendChild(row);
              }
              Bar();
          }
          function Bar(){
              var bar = document.getElementById("bar");
              var table = document.getElementById("testTable");
              if(bar.textContent){
                  bar.textContent = "table.rows.length = " + table.rows.length;
              }else{
                  bar.innerText = "table.rows.length = " + table.rows.length;
              }
          }
      &lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>On Firefox 19, Chrome 26 or IE9+, the number after <code>table.rows.length =</code> is correct, however IE8 is always <code>0</code>, the <code>table.rows</code> itself seems empty too (I don't know how to prove that, the debug tool of IE won't display the content of Javascript object which Chrome and Firefox would). Seems IE8 have problem counting the rows of dynamically generated table :/</p>