使用 Internet Explorer 时 onClick 不起作用答案

【问题标题】：onClick doesn't work When using Internet Explorer使用 Internet Explorer 时 onClick 不起作用
【发布时间】：2017-12-05 22:35:42
【问题描述】：

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

在使用 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>

【问题讨论】：

什么版本的IE？请注意，IE 已经停产，而且在支持任何东西方面一直是出了名的糟糕。
您应该真正以编程方式附加侦听器，而不是使用内联代码。
谁用IE了？克服它。
是否记录了任何控制台错误？
@Carcigenicate 我都试过了，都没有用:( IE 11

标签： javascript html internet-explorer dom

【解决方案1】：

改为包装 document.getElementById('modal').style.display='block'

在一个Js函数中，然后在onclick事件中调用该函数

【讨论】：