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

My HTML button's javascript will not toggle second time

本文关键字：第二次 javascript HTML 按钮 我的      更新时间：2023-09-26

这是我到目前为止所拥有的：

.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回答。

附言如果你投票否决我的问题，至少评论一下你为什么这样做

在 toggleClock() 函数的 if 语句中，您缺少一个 '='，因此不进行比较，而是设置 clock 的显示属性。这就是为什么它只调用enableClock() .如果您使用以下方法，它应该按预期工作：

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

您在比较中缺少另一个"="：

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

$("#clockToggle").click(function(){
  $("#clockWidget").toggle();
});
相关文章：