html - 如何使用 Javascript/CSS 在 IE 中更新表格行背景颜色？

Question

我有一个表格，我想在 onmouseover/onmouseout 期间“突出显示”。我已经知道这在 IE 中是必需的，但在其他浏览器中不是。

我已经设法检测到触发的事件，并且此 TR 标签有效工作。 (请注意，原始类“contentTableRow”似乎没有引起任何问题。)

class="contentTableRow" onclick="openForm('SomeID');" onmouseover="highlight('someRowID', true);" onmouseout="highlight('someRowID', false);" id="someRowID" 

一切都很好，花花公子，“突出显示”函数触发并实际设置了适当的类。

只是IE不会处理CSS类名的变化。

这是我用来进行更改的 CSS 片段。

.HighlightOn {
    cursor:pointer;
    background-color: #D1DFFF;
}

.HighlightOff {
    background-color: #E1EEFE;
}

我可以在调试时看到类名正在更新，并在 Firebug 中检查它。但似乎 IE 不喜欢这种带有 TR 标签的类的用法。这是我为表构建类的方式吗？有什么建议吗？

Answer 1

您是否正在更改 class 而不是 className？ class 在 Javascript 中保留为实际的类声明关键字，因此该属性称为 className:

function highlight(id, b) {
    document.getElementById(id).className = (b ? "HighlightOn" : "HighlightOff");
}

顺便说一句，您可能只想传递“this”而不是 id 来突出显示，因此它不需要执行 document.getElementById() 调用