单击隐藏一个 div 并显示第二个 div... 在 IE9 中

Question

使用名为 Internet Explorer 9 的古老设备（很长很无聊的故事来说明我为什么要使用它）但是试图得到它所以当一个按钮被点击时它隐藏了 div "one" 和按钮但显示 div "two" 我可以让它与 Fire Fox 一起工作，但不知道如何让 IE9 工作，我得到的只是一个什么都不做的按钮。

Answer 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();" />

单击隐藏一个 div 并显示第二个 div... 在 IE9 中

Onclick hide one div and show 2nd div.... in IE9

html

javascript

css

internet-explorer-9