在Firefox(javascript控制台)中未定义div ID - 在IE和Chrome中确定

Question

我已经在Stack Overflow上做了大量的研究,我已经尝试了许多用户遇到同样问题的建议,但没有运气.

我有这个javascript:

<script type="text/javascript">
function ActivateTab(strTabName){
    switch (strTabName){
        case "EmployeeInfo":
            divEmployeeInfo.className = "panelActive";
            divCoverageTypes.className = "panelHidden";
        break;
        case "CoverageTypes":
            divEmployeeInfo.className = "panelHidden";
            divCoverageTypes.className = "panelActive";

        break;
    }
}

这是它的所在:

<table width="100%" border="0" cellSpacing="0" cellPadding="2">
<tr>
    <td align="center" id="tdEmployeeInfo" onClick="ActivateTab('EmployeeInfo')" class="tabActive">Employee Information &amp; Demographic Changes </td>
    <td align="center" id="tdCoverageTypes" onClick="ActivateTab('CoverageTypes')" class="tabItem"><p>Change, Add or Delete Coverage</p></td>
    <td align="center" id="tdSpouseOrPartner" onClick="ActivateTab('SpouseOrPartner')" class="tabItem">Change, Add or Delete Spouse or Domestic Partner</td>
    <td align="center" id="tdDependent" onClick="ActivateTab('Dependent')" class="tabItem">Change, Add or Delete Dependent</td>
</tr>

用相应的html:

<div id="divEmployeeInfo" class="panelActive">
<input type="hidden" id="SectionTab_EmployeeInfo" name="SectionTab_EmployeeInfo" value="Employee Information">

任何人都可以借一秒钟的眼睛吗？

Answer 1

您正在尝试将元素ID用作Javascript变量.
这是一个非标准的IE扩展,在实际的浏览器中不起作用.

相反,调用document.getElementById以获取具有给定ID的DOM元素:

document.getElementById("divEmployeeInfo").className = "panelActive";