javascript - 尝试查找 JS 代码中的错误 - 使用 Javascript 更改 CSS

Question

我正在编写一个简单的函数来切换移动网站的菜单，但我的代码无法正常工作。我查看了在线示例并遵循了它们，但我无法关闭菜单。

<script type="text/javascript">
function toggleMen(id) {    
     var a = document.getElementById(id);
    if(a.style.display='none'){
        a.style.display='block';
    }
    else if (a.style.display='block'){      
        a.style.display="none";
    }
}
</script>

如您所见，我正在尝试简单地检查显示的值并相应地进行设置。我知道可能有更有效的方法，但现在这就是我所需要的。

方法调用:

toggleMen('菜单');

Answer 1

= 运算符用于分配 值。

===(或者 == 如果你觉得幸运的话)运算符用于比较值。

if (a.style.display === 'none') {
    a.style.display = 'block';
} else { 
    a.style.display = 'none';
}

参见 here有关 === 和 == 之间区别的更多信息。

顺便说一句，这是一个有效的 fiddle .稍加修改后，我意识到您的问题可能是原始显示没有设置任何内容(a.display.style 等于 '')，所以您的条件从未在任何一个条件下触发。如果是这种情况，通过上述更改，它现在将在第一次传递时触发 else，然后在之后的每一次传递中交替触发。 (如果不是这种情况，上述更改仍然可以解决问题)