删除行ie8问题答案

【问题标题】：deleterow ie8 problem删除行ie8问题
【发布时间】：2011-04-05 23:22:21
【问题描述】：

当我删除 html 表格中的第一行时，IE8 在表格末尾（页脚之后）留下一个空行。

我使用方法：objTable.deleteRow(objRow.rowIndex);

我的表格使用标签元素：thead、tbody、tfoot。

【问题讨论】：

您使用的是什么 Javascript 库？我不相信deleteRow 是一个实际的 Javascript 函数...
@Topher: deleteRow 是DOM method。
@Helen - 怎么样……我没想到它会成为 DOM 的一部分。我想我应该尽快阅读。

【解决方案1】：

你在使用 YUI 吗？如果是这样，您可能有兴趣查看 http://developer.yahoo.com/yui/examples/datatable/dt_rowadddelete.html 并使用他们的示例查看您是否在浏览器中遇到相同的问题。如果您这样做，则可能是 IE8 问题（很可能）或 YUI 问题。

您可能也有兴趣尝试 jQuery 之类的东西。重量更轻，几乎可以跨浏览器兼容。

【讨论】：

【解决方案2】：

您可以尝试重置表格类别并重新设置（使用prototype js，但您可以手动完成）：

// Hack. ie8 leaves a blank line at the end of the table, when delete the first row in a html table.
// http://stackoverflow.com/questions/3604183/deleterow-ie8-problem
if (Prototype.Browser.IE && ROW_YOU_DELETE_INDEX == 0) {
    YOUR_TABLE.removeClassName('YOUR_TABLE_CLASS_NAME')
              .addClassName('YOUR_TABLE_CLASS_NAME');
}

【讨论】：