javascript - JavaScript更改显示CSS

我对Java完全陌生，这就是我想要的：
Guy点击了一个元素，所以我触发了onclick，我想运行一个JS函数，这很清楚，所以我需要一个JS函数，该函数需要做什么：


检查元素#mobilemenu的显示是否为块显示或不显示。
当它是块时，将其更改为none；当它没有时，将其更改为block。


我到目前为止发现的是：

function Change(){
document.getElementById("mobilemenu").style.display = "block"; }

但是我坚持检查它是否当前被阻止或没有。我对JS有点陌生，所以也许（我认为）超级简单（但是我找不到合适的教程或示例）。

提前致谢！

最佳答案

您可以使用if / else语句检查是否显示了该元素，然后相应地显示或隐藏它：

function Change() {
    /* Put the mobilemenu into a variable */
    var mobilemenu = document.getElementById("mobilemenu");

    /* Check the display property of the element's style object */
    if (mobilemenu.style.display !== "block") {
        /* The element isn't display: block; so show it */
        mobilemenu.style.display = "block";
    } else {
        /* The element is display: block; so hide it */
        mobilemenu.style.display = "none";
    }
}