如何遍历所有可见的 html 元素并隐藏它们？

Question

我目前正在使用 Three.js 编写一个网站。在我的网站顶部，我有一个导航栏。我需要的一个要求是，当我单击不同的导航栏页面时，我需要遍历所有当前可见的 html 元素并隐藏它们，不包括导航栏。所以目前的结构是这样的。

<div class="website container">
    <nav> 
    .... 

    </nav>
    <div ...
</div>

我想要这样的东西，

for (html_element of all_html_elements_excluding_excluding_nav) {
     html_element.hide()
}