显示/隐藏 JavaScript 在 IE 中不起作用，仅在 Firefox 中

Question

这是我在网上找到的显示/隐藏脚本。当您单击“查看菜单”图像时，它应该为每个部分显示隐藏的div。由于某种原因，我无法在 Internet Explorer 上显示/展开它，但它在 Firefox 中运行良好。
http://www.abatchoflove.com

<script type="text/javascript">
    function unhide(divID) {
        var item = document.getElementById(divID);
        if (item) {
            item.className = (item.className == 'hidden') ?'unhidden':'hidden';
        }
    }
</script>

这是 CSS 部分。

<style type="text/css">
    .hidden { display: none; }
    .unhidden { display: block; }
</style>

这就是这些部分中的代码。

<td valign="top" bgcolor="#51BEB7">
    <a href="javascript:unhide('cookiesmenu');">
        <img src="images/cookies_nav.gif" border="0" usemap="#Map2">
    </a>
    <div id="cookiesmenu" class="hidden">
        <img src="images/cookies_menu.gif">
    </div>
</td>

如果我能得到一点帮助会很高兴......或者如果有其他方法可以解决它。提前谢谢你。

Answer 1

你可以使用

<a onclick="unhide('cookiesmenu')">

而不是

<a href="javascript:unhide('cookiesmenu');">

Answer 2

Internet Explorer 保留字已用作标识符（函数或变量名称）。

将 item 更改为另一个变量名并试一试。

http://www.ecma-international.org/ecma-262/5.1/#sec-7.6.1.1

http://www.springenwerk.com/2009/01/is-reserved-word-in-internet-explorer-6.html

IE Issue with jquery and JS

如果您想先测试这是否是您的问题，请使用不同变量名的脚本。

function unhide(divID) {
    var MyItem = document.getElementById(divID);
    if (MyItem) {
        MyItem.className = (MyItem.className == 'hidden') ? 'unhidden' : 'hidden';
    }
}

http://jsfiddle.net/GvKLX/1/

请注意，出于安全原因，“内联 javascript”往往会消失。因此，您应该考虑使用 jQuery 等 javascript 库来改造您的代码。这意味着，即使是像“onclick”这样的 javascript 事件也将过时。