javascript - 第二次单击时它会关闭 DIV，为什么？

Question

我有一个 javascript 函数，应该在单击时关闭 div。但是，它在第​​二次单击时起作用。我怎样才能避免这种情况？

JavaScript

function showhide(id) {
    var e = document.getElementById(id);
    if(e.style.display == 'block') {
        e.style.display = 'none';
    } else {
        e.style.display = 'block';
    }
}

HTML

<div id="foota123">
    Content
    <div onclick="showhide('foota123')" class="iks">X</div>
</div>

Answer 1

e.style 指的是div 的样式属性(style="...")。第一次通过时，div 上没有样式属性。条件为 false，代码设置样式属性为:

<div style="display: block">

第二次通过时，if 条件为 true，并且 block 的样式设置为“none”。所以它就消失了。