Javascript for...of在Safari中不起作用

Question

目前，我正在尝试构建一个简单的侧向导航，只要单击其中一个"toggleSidenav“按钮(有多个)，它就会出现/消失。

在使用Firefox和Chrome进行测试时，它似乎工作得很好，但是今天，当我尝试使用Safari (桌面和移动版本)打开页面时，这些按钮什么也不起作用。

问题似乎出在我使用的for-of-loop上，但是检查一下reference of the for...of，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();
        }
    });
}

我可能无论如何都需要使用另一种方法，因为只有IE/Edge 12+支持for...of，但我仍然想知道为什么它不起作用。