table.Rows.Longength在IE11中不起作用

Question

我在我的html页面中有以下脚本，

var table = document.getElementById(tableID);
var rowCount = table.rows.length;

它在IE8中正常工作。但是，当我使用IE11时，它不会返回精确的行。相反，它只是返回" 0"。但是实际的行大小为" 1"。

需要更换代码才能使其正常工作。

Answer 1

最简单的事情，给定对table元素的引用是使用querySelectorAll在tbody中找到tr：

window.onload = function(){
  var table = document.getElementById("tbl");
  console.log(table.querySelectorAll("tbody tr").length);
}

<table id="tbl">
  <tr>
    <td>Row1</td>
  </tr>
  <tr>
    <td>Row2</td>
  </tr>
  <tr>
    <td>Row3</td>
  </tr>
 </table>