javascript style.display阻止两个切换在一起

Question

一个简单的问题：为什么javascript允许您使用第一段代码，但不允许第二段代码？我只是想在显示另一个div时隐藏一个div。简单的切换工作（第一个代码块），第二个崩溃了，javascript在控制台中提供了“未定义的函数”（showtablediv）。

=$C$4:$N$6

Answer 1

因为您在if(xfor.style.display == 'block')之后执行了多行代码。如果您不使用方括号，则代码行的限制为一个

function showtablediv(){

    var xfor = document.getElementById('foreachhold');
    var xtable = document.getElementById('tableviewhold');

    if(xfor.style.display == 'block')
        xfor.style.display = 'none';
    else
      xfor.style.display = 'block';
}
function showtablediv(){

    var xfor = document.getElementById('foreachhold');
    var xtable = document.getElementById('tableviewhold');

    if(xfor.style.display == 'block')
        xfor.style.display = 'none';
        xtable.style.display ='block';// the problem is this line       
    else
      xfor.style.display = 'block';
}