javascript - 使 Div 在函数中可见时出错

Question

这是 HTML:

<div class="div1" id ="div1" onclick="onStepClicked()" style ="text-align:center">Step 1</div>

这是脚本:

 function onStepClicked() {
        var elem = document.getElementById('div2');
        if (Visible = true) {
            elem.style.visibility = 'hidden';
            Visible = false;
        }
        if (Visible = false) {
            elem.style.visibility = 'visible';
            Visible = true;
        }
    }

当我第一次点击 Div 时，Div 是隐藏的，这是正确的。但是，当我再次单击它时，我将不再可见。这可能是我忽略的一个简单错误。

Answer 1

 function onStepClicked() {
        var elem = document.getElementById('div2');
        if (Visible === true) {
            elem.style.visibility = 'hidden';
            Visible = false;
        } else if (Visible === false) {
            elem.style.visibility = 'visible';
            Visible = true;
        }
    }

您通过执行单个 = 将值分配给 Visible。您需要使用 === 或 ==

检查相等性

另外，除非你在其他地方需要 Visible，否则你可以这样做:

 function onStepClicked() {
        var elem = document.getElementById('div2');
        if (elem.style.visibility === 'visible') {
            elem.style.visibility = 'hidden';
        }
        else {
            elem.style.visibility = 'visible';
        }
    }