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

时间:2017-03-30 12:22:53

标签: javascript html css internet-explorer-9

使用一种名为Internet Explorer 9的古老设备(非常漫长的故事,为什么我使用它) 但是当点击一个按钮时试图得到它它隐藏div“one”和按钮但显示div“two” 我可以让它与Fire Fox一起工作,但是没有任何关于如何让IE9工作的线索我得到的是一个什么都不做的按钮。

1 个答案:

答案 0 :(得分: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();" />
&#13;
&#13;
&#13;