这是我目前所拥有的:
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();
}
关于javascript - 我的 HTML 按钮的 javascript 不会第二次切换,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27833645/