javascript切换按钮不起作用

Question

<input tyoe="button" onclick="toggle()" value="Show Spoilers" />
<div id="spoilers" style="display: none;">Some spoilers</div>
<script>
function toggle(){
   var div = document.getElementById("spoilers");
   if(div.style.display = "none"){
      div.style.display = "block";
   } else {
      div.style.display = "none";
   }
}
</script>

它可以显示，但无法隐藏 div。所以它只用于显示而不用于隐藏它？我做错了什么吗？提前致谢。

Answer 1

你忘记了你的 if 中的等号 (=)

function toggle()
{
    var div = document.getElementById("spoilers");
    if(div.style.display === "none"){
        div.style.display = "block";
    } else {
        div.style.display = "none";
    }
}

示例:http://jsfiddle.net/90Lw12cf/