使用 javascript 使块可见/不可见

Question

这是我的代码。

var i = 0;
var submenues = document.getElementsByClassName("submenu");
var click = 1;

function submenuvisible() {
  if (click == 1) {
    for (i; i < submenues.length; i++) {
      submenues[i].style.display = "block";
    }
    click = 2;
    return;
  }
  if (click == 2) {
    for (i; i < submenues.length; i++) {
      submenues[i].style.display = "none";
    }
    click = 1;
    return;
  }
}

虽然当我 onclick=submenuvisible() 它只工作 1 次。我做错了什么？

Answer 1

你的错误在于你的 for 循环。

你在哪里：for (i; i < submenues.length; i++) {

您需要在 for 循环开始时将变量 i 重置为 0。

for (i = 0; i < submenues.length; i++) {

如果您不重置它，那么i 将保持与您第一次运行函数后相同的值。您可以通过不将 i 设为全局变量来进一步改进您的代码，但总的来说，我希望这能解释您的问题。