evento - Javascript onclick ocultar div

processmaker doc

Question

Quiero ocultar esta advertencia div usando javascript dentro de ella.

Estoy obteniendo el javascript correcto? Quiero ocultar / cerrar el div cuando hago clic en el icono de cerrar (images / close_icon.gif)

<div>
<strong>Warning:</strong>
These are new products
<a href=''#'' class=''close_notification'' title=''Click to Close''>
<img src="images/close_icon.gif" width="6" height="6" alt="Close" onClick="this.close" />
</a
</div>

Answer 1

HTML

<div id=''hideme''><strong>Warning:</strong>These are new products<a href=''#'' class=''close_notification'' title=''Click to Close''><img src="images/close_icon.gif" width="6" height="6" alt="Close" onClick="hide(''hideme'')" /></a

Javascript:

function hide(obj) {
var el = document.getElementById(obj);
el.style.display = ''none'';
}

Answer 2

Manera simple y mejor:

onclick="parentNode.remove()"

Borra el padre completo de html

Answer 3

Si desea cerrarlo, puede ocultarlo o eliminarlo de la página. Para ocultarlo harías algunos javascript como:

this.parentNode.style.display = ''none'';

Para eliminarlo usas removeChild

this.parentNode.parentNode.removeChild(this.parentNode);

Si tuvieras una biblioteca como jQuery incluida, ocultar o eliminar la división sería un poco más fácil:

$(this).parent().hide();
$(this).parent().remove();

Otra cosa, ya que su img está en un ancla, el evento onclick en el ancla también se disparará. Como href se establece en #, la página se desplazará hacia la parte superior de la página. En general, es una buena práctica que si desea que un enlace haga algo distinto a ir a su href , debe configurar el evento onclick para que return false;

Answer 4

simplemente añada el controlador onclick para la etiqueta de anclaje

onclick="this.parentNode.style.display = ''none''"

o cambiar el controlador onclick para img tag

onclick="this.parentNode.parentNode.style.display = ''none''"