小编Kin*_*Dom的帖子

目前我正在尝试建立一个简单的侧导航,只要点击其中一个"toggleSidenav"按钮(有多个)就会出现/消失.

在使用Firefox和Chrome进行测试时似乎工作正常,但今天当我尝试使用Safari(桌面和移动版)打开我的页面时,按钮没有做任何事情.

问题似乎是我使用的循环,但检查for的参考,Safari应该支持它.

我的代码:

for (var btn of document.getElementsByClassName("toggleSidenav")) {
    btn.addEventListener("click", function() {
        var style = window.getComputedStyle(document.getElementById("sidenav"));

        if (style.getPropertyValue("display") == "none") {
            openSidenav();
        } else {
            closeSidenav();
        }
    });
}

我可能还需要使用另一种方法,因为for ...只能由IE/Edge 12+支持,但我仍然想知道为什么这不起作用.