Onclick 在 IE9 中隐藏一个 div 并显示第二个 div....答案

【问题标题】：Onclick hide one div and show 2nd div.... in IE9Onclick 在 IE9 中隐藏一个 div 并显示第二个 div....
【发布时间】：2017-03-30 12:22:53
【问题描述】：

使用称为 Internet Explorer 9 的古老设备（关于我为什么使用它的非常无聊的故事）但试图得到它，所以当一个按钮被点击它隐藏 div“一”和按钮，但显示 div“二” 我可以让它与 Fire Fox 一起工作，但不知道如何让 IE9 工作我得到的只是一个什么都不做的按钮。

【问题讨论】：

标签： javascript html css internet-explorer-9

【解决方案1】：

您必须在 html 中使用本机 onclick 事件，并在 javascript 中调用一个函数来切换两个 div 的可见性。

参考代码：

function switchVisible() {
  if (document.getElementById('div1')) {

    if (document.getElementById('div1').style.display == 'none') {
      document.getElementById('div1').style.display = 'block';
      document.getElementById('div2').style.display = 'none';
    } else {
      document.getElementById('div1').style.display = 'none';
      document.getElementById('div2').style.display = 'block';
    }
  }
}

#div2 {
  display: none;
}

<div id="div1">Div 1</div>
<div id="div2">Div 2</div>

<input id="Button1" type="button" value="Click" onclick="switchVisible();" />

【讨论】：

它起作用了，并且经过编辑使其完全符合我的要求！谢谢！