javascript - 使用 img onclick 更改显示属性以阻止

Question

我有一个“错误”元素，默认情况下在页面上隐藏。我有一个在页面加载时出现的覆盖弹出窗口(工作正常)，并且在该覆盖内有一个“关闭”按钮，该按钮隐藏了覆盖(再次，这是工作的)。但是，我还希望当单击叠加层内的关闭按钮时，将页面上“错误”元素的显示属性从无更改为阻止。

页面上的“错误”元素...

<div id="error_dismissed" style="display:none;">you dismissed it man!!!!!!</div>

关闭按钮(显示在叠加弹出窗口上)...

<img onclick="var bi=document.getElementById('main'); if (bi) set_opacity(bi,1.0); document.getElementById('overlay').style.display='none'; document.getElementById('error_dismissed').style.display='block';" src="dismiss.png" />

Answer 1

将所有 JavaScript 放入 HTML 属性中会导致阅读和调试变得非常困难。您的代码适用于将属性更改为 block 的部分，因此很可能之前的脚本中存在错误，导致其无法到达该行。将脚本移动到函数中，以便您可以对其进行调试。

这是您的代码运行的演示。除了添加 <div id="overlay"></div> 之外，我没有更改任何内容代码中引用了:

<div id="error_dismissed" style="display:none;">you dismissed it man!!!!!!</div>
<img onclick="var bi=document.getElementById('main'); if (bi) set_opacity(bi,1.0); document.getElementById('overlay').style.display='none'; document.getElementById('error_dismissed').style.display='block';" src="dismiss.png" />
<div id="overlay"></div>