为什么我用来显示/隐藏 div 的 javascript 在 IE 中不起作用？|软件开发问答库

我修改了我在@dinindu 发布的 stackoverflow 上找到的脚本，它似乎在除 IE 之外的所有浏览器上都能完美运行，但不幸的是，我们确实有仍在使用 IE 的客户端。对 IE 的解决方法有什么想法吗？

我是一名技术作家，对 JavaScript 一无所知，所以请耐心等待。

这是我项目中的脚本：

function toggle_visibility(id) {
    const target = document.getElementById(id);
    if (!target) return;

    // Hide all other div elements.
    const divs = document.querySelectorAll('.div');
    for (const div of divs) {
    div.style.display = 'none';
}

  // Show selected one
target.style.display = 'block';
}

<div id="intro" class="div">
    <img src="../../Resources/Images/101-intro.jpg" title="Inventory Cycle" usemap="#map1" />
    <map id="map1">
        <area shape="rectangle" coords="480,506,564,522" dragDirection="0" href="#" onclick="toggle_visibility('transfer');" />
        <area shape="rectangle" coords="628,288,738,304" dragDirection="0" href="#" onclick="toggle_visibility('receive');" />
    </map>
</div>
<div id="transfer" class="div" style="display: none;">
    <img src="../../Resources/Images/101-transfer.jpg" title="Transfer" usemap="#map2" />
    <map id="map2">
        <area shape="circle" coords="961,36,15" dragDirection="0" alt="Back" href="#" onclick="toggle_visibility('intro');" />
    </map>
</div>
<div id="receive" class="div" style="display: none;">
    <img src="../../Resources/Images/101-receive.jpg" title="Supplier" usemap="#map3" />
    <map id="map3">
        <area shape="circle" coords="961,36,15" dragDirection="0" alt="Back" href="#" onclick="toggle_visibility('intro');" />
    </map>
</div>

代码基本上只显示101-intro.jpg。单击图像的某个部分会隐藏图像并显示其他两个图像之一（101-transfer.jpg 或 101-receive.jpg）。点击右上角的 101-transfer.jpg 或 101-receive.jpg 隐藏它并再次显示 101-intro.jpg。

function toggle_visibility(id) { var target = document.getElementById(id); if (!target) return; // Hide all other div elements. var divs = document.getElementsByClassName('div'); for (var i = 0; i < divs.length; i++) { divs[i].style.display = 'none'; } // Show selected one target.style.display = 'block'; }