javascript - HTML 表格行在 IE 中不计入，在 Chrome/FF 中工作良好，使用 JS 进行分页

Question

使用 jQuery 的 Web 应用程序，我想添加分页。它在 Firefox 和 Chrome 上运行良好。但在 IE 8 上它无法计算行数。

this.init = function () {
    var rows = document.getElementById(tableName).rows;
    var records = (rows.length);
    this.pages = Math.ceil(records / itemsPerPage);
    this.inited = true;
}

行数在 IE 8 中返回 0，但所有其他浏览器给出正确的行数。

我将 html 表格附加到 DIV 中以下是我的表创建的 html

<TABLE style="PADDING-BOTTOM: 5px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; PADDING-TOP:     5px" class="pad white" border=0 cellSpacing=1 cellPadding=1 width="100%">
<TBODY>
<TR>
<TD bgColor=#0f4d79 width="10%">
<DIV align=center><STRONG>#</STRONG></DIV></TD>
<TD bgColor=#0f4d79 width="10%">
<DIV align=center><STRONG>Date</STRONG></DIV></TD>
<TD bgColor=#0f4d79 width="20%">
<DIV align=center><STRONG>Customer</STRONG></DIV></TD>
<TD bgColor=#0f4d79 width="30%">
<DIV align=center><STRONG>Description</STRONG></DIV></TD>
<TD bgColor=#0f4d79 width="10%">
<DIV align=center><STRONG>Status</STRONG></DIV></TD>
<TD bgColor=#0f4d79 width="20%">
<DIV align=center><STRONG>Amount</STRONG></DIV></TD></TR></TBODY></TABLE>
<DIV class=border-middle>
<TABLE id=**tblIncomeListData** class=pad border=0 cellSpacing=0 cellPadding=0        width="100%">
<TR class=even jQuery172016229059503345766="72">
<TD style="DISPLAY: none" vAlign=top width=0% align=middle>30</TD>
<TD vAlign=top width="10%" align=middle>00001</TD>
<TD vAlign=top width="10%" align=middle>May 28, 2013</TD>
<TD vAlign=top width="20%" align=middle>test1</TD>
<TD vAlign=top width="30%" align=middle>Other Income </TD>
<TD vAlign=top width="10%" align=middle>Paid</TD>
<TD style="TEXT-ALIGN: right" vAlign=top width="20%">OMR444.00</TD></TR></TABLE></DIV>

Answer 1

这很奇怪，我以为 IE8 支持 rows 属性。 (编辑:它确实:http://jsbin.com/ocufuf/1不过，我暂时保留它......)

除非您有一个嵌套在该表中的表(而且看起来不像您那样)，否则您可以将其替换为 getElementsByTagName:

var rows = document.getElementById(tableName).getElementsByTagName('tr');

或者当然，使用 jQuery(因为你说你正在使用它，尽管从你的代码示例中并不明显):

var rows = $("#" + tableName + " tr");

请注意，如果您这样做，则必须更改表名称，因为 **tblIncomeListData** 是 HTML 的有效 id，但不适用于 HTML CSS。

如果你正在做嵌套表，你仍然可以使用 jQuery 轻松获得计数:

var rows = $("#" + tableName).children('thead, tbody, tfoot').children('tr');