javascript - 隐藏/显示表格 onclick 在 div 内不起作用

Question

我在 div 元素中有一个表格

<div id="E" ng-model="total">
    <div ng-if="total.passfail" onclick="showE1()">{{total.passfail}} scripts Passed in {{Listbox}} and failed in {{Comparebox}}</div>
    <table width="100%" id="E1">                            
        <thead>
            ...lots of trs and tds                                  
        </thead>

        <tbody>
            ...lots of trs and tds
        </tbody>
    </table>  
 </div>

单击文本时，它应该调用 showE1 并隐藏/显示表格。当我调试它时，它进入函数 showE1 onclick 但显示没有改变。我犯了一个菜鸟错误吗？

function showE1(){  
      document.getElementById("E1").style.display = "block" ? "none" : "block";
}

Answer 1

如果“block”为真，三元运算符将返回“none”，否则返回“block”。由于“block”是一个常量并且计算结果为 true

document.getElementById("E1").style.display = "block" ? "none" : "block";

将始终返回“none”。 你是为了这个吗？

document.getElementById("E1").style.display = (document.getElementById("E1").style.display == "block") ? "none" : "block";