Javascript 在getElementsByClassName中循环

我有一个Jquery代码，用于切换移动导航，它分为两个部分（徽标的左侧和右侧，但徽标是隐藏的）：

我试图通过以下方式将其改写为vannila js：

document.addEventListener('DOMContentLoaded', function() {
  var toggleNav = document.getElementsByClassName('main-nav');

  function myFunction() {
    for (var i=0; i<toggleNav.length; i++) {
      toggleNav[i].classList.toggle('active');
      console.log('myFunction() fired...');
      return false;
    }
  };

  var x = document.getElementsByClassName('menu')[0];
  x.addEventListener('click', myFunction);
});

---

对于循环，您将在

内部返回
false
，其行为类似于一种
中断

function myFunction() {
    for (var i=0; i<toggleNav.length; i++) {
      toggleNav[i].classList.toggle('active');
      console.log('myFunction() fired...');
    }
  return false;
};

函数myFunction（）{
对于（var i=0；i您在
for
循环中返回
false
，这将类似于
中断

function myFunction() {
    for (var i=0; i<toggleNav.length; i++) {
      toggleNav[i].classList.toggle('active');
      console.log('myFunction() fired...');
    }
  return false;
};

函数myFunction（）{
对于（var i=0；还有其他各种问题，请随意复制我现在删除的答案中的任何相关内容。
var x=document.getElementsByClassName（'menu'）[0]
故意只返回第一个元素。稍后，该按钮将具有更独特的类名，这在我的代码中再也不会出现。我认为这比循环通过它更快？@TJ OP可以从我们两个答案的结合中受益。我认为我在这里解释的是OP的主要问题。好的，我将解释这个问题你在这里的回答中提到的问题。是的，这是主要问题！谢谢！我需要一分钟的时间来接受这个好答案。：）我认为你是对的，这就是为什么我删除了我的，因为我知道你仍然可以看到并整合它的要点。：-）还有各种其他问题，请随意复制我现在删除的答案中的任何相关内容。
var x=document.getElementsByClassName（'menu'）[0]
故意只返回第一个元素。稍后，该按钮将具有更独特的类名，这在我的代码中再也不会出现。我认为这比循环通过它更快？@TJ OP可以从我们两个答案的结合中受益。我认为我在这里解释的是OP的主要问题。好的，我将解释这个问题你在这里的回答中提到的问题。是的，这是主要问题！谢谢！我需要一分钟的时间来接受这个好答案。：）我认为你是对的，这就是为什么我删除了我的，因为我知道你仍然可以看到并整合它的要点。：-）
function myFunction() {
    for (var i=0; i<toggleNav.length; i++) {
      toggleNav[i].classList.toggle('active');
      console.log('myFunction() fired...');
    }
  return false;
};