javascript - 显示 :none; displays 'none' in browser

Question

This jsFiddle example在 Google Chrome 中工作，但在 Internet Explorer 中，当单击关闭图标时，浏览器会删除弹出元素，但会导致文本“无”显示在浏览器窗口中。请解释我如何解决这个问题。

HTML:

<div id="popup">
    <!-- Close popup link -->
    <a href="javascript:document.getElementById('popup').style.display='none';">X</a>
</div>

Answer 1

使用 onclick 作为事件处理程序而不是 href http://jsfiddle.net/AE2X3/4/

<div id="popup">
        <a href="#" onclick="document.getElementById('popup').style.display='none';return false;" id="close_popup"></a>
        <p>This is a pop-up.</p>
</div>