javascript - 我的 HTML 按钮的 javascript 不会第二次切换

Question

这是我目前所拥有的:

HTML:

<button id="clockToggle" onclick="toggleClock()">Toggle Clock</button>

CSS:

#clockWidget {
  display:none;
}

JavaScript:

function enableClock() {
  var clock = document.getElementById("clockWidget");
  clock.style.display="block";
}

function disableClock() {
  var clock = document.getElementById("clockWidget");
  clock.style.display="none";
}

function toggleClock() {
  var clock = document.getElementById("clockWidget");
  if(clock.style.display="none") {
    enableClock();
  }
  else {
    disableClock();
  }
}

我的目标是制作按钮，以便它可以打开和关闭 clockWidget。如果可能，请使用 JavaScript 而不是 jQuery 回答。

附言如果您否决了我的问题，请至少评论一下您这样做的原因

Answer 1

在 toggleClock() 函数的 if 语句中，您缺少一个“=”，因此不进行比较，而是设置 clock 的显示属性。这就是它只调用 enableClock() 的原因。如果您使用以下内容，它应该会按预期工作:

if (clock.style.display == "none") {
    enableClock();
} else {
    disableClock();
}