onClick不起作用使用Internet Explorer时

时间:2017-07-02 15:18:43

标签: javascript html internet-explorer dom

我正在尝试显示一个模态框,我有一个图像,当用户点击它时,它将显示模态框,

使用Chrome时效果很好,但不幸的是,使用IE时失败了。

HTML:

<div id="pin" class="tooltip"> 
  <img onclick="document.getElementById('modal').style.display='block'"
   src="pin.png" width="40" height="40">
  <span class="tooltiptext">Show</span>
</div>

<div class="gallery animate" id="modal">
  <div class="content">
    <span class="close" onclick="document.getElementById('modal').style.
    display='none'">&times;</span>
  </div>
</div>

1 个答案:

答案 0 :(得分:0)

而是包装document.getElementById(&#39; modal&#39;)。style.display =&#39; block&#39;

在Js函数中,然后在onclick事件中调用该函数