javascript - 切换显示仅适用于第二次点击

Question

我有一个 div，它是 display:none，它应该在单击图标时出现。我的功能有效，但总是在第二次 点击时。知道函数有什么问题吗？

document.getElementById('icon').onclick = function(){
    var el = document.getElementById('div');
    if ( el.style.display != 'none' ){
        el.style.display = 'none';
    }
    else {
        el.style.display = 'block';
    };
};

Answer 1

将您的测试更改为“阳性”

if ( el.style.display == 'block' ){

它会起作用。

默认值可能不完全是“无”。

使用 jQuery 会使这变得容易得多，请参阅 http://api.jquery.com/toggle/