pantalla: ninguna; muestra 'ninguno' en el navegador

Question

This jsFiddle example funciona en Google Chrome, pero en Internet Explorer, cuando se hace clic en el ícono de cerrar, el navegador elimina el elemento emergente pero el texto 'ninguno' aparece en la ventana del navegador. Por favor explique cómo puedo resolver este problema.

HTML:

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

Answer 1

Uso onclick para el controlador de eventos en lugar de 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> 

Answer 2

Esto funciona:

<div id="popup"> 
     <a href="javascript:void(0);" onclick="this.parentElement.style.display='none';" id="close_popup"></a> 
     <p>This is a pop-up.</p> 
</div> 

Demo

Answer 3

Creo que lo que está sucediendo es que la tarea está devolviendo su resultado, y el navegador está mostrando eso. Si agrega void(0) al final de su JavaScript, no se mostrará.

Déjenme agregar que amit_g's answer es más correcto que el mío. Señala correctamente que este tipo de comportamiento pertenece al controlador OnClick, no en el atributo href.