Javascript onclick hide div

Question

I want to hide this warning div using javascript inside it   I m i getting the javascript right  I want to hide close the div when i click on the close icon  images close icon gif    lt div gt     lt strong gt Warning  lt  strong gt    These are new products    lt a href     class  close notification  title  Click to Close  gt       lt img src  images close icon gif  width  6  height  6  alt  Close  onClick  this close    gt     lt  a  lt  div gt

User · Answer

just add onclick handler for anchor tag  onclick  this parentNode style display    none     or change onclick handler for img tag  onclick  this parentNode parentNode style display    none

User · Answer

If you want to close it you can either hide it or remove it from the page  To hide it you would do some javascript like   this parentNode style display    none     To remove it you use removeChild  this parentNode parentNode removeChild this parentNode     If you had a library like jQuery included then hiding or removing the div would be slightly easier     this  parent   hide      this  parent   remove      One other thing  as your img is in an anchor the onclick event on the anchor is going to fire as well  As the href is set to   then the page will scroll back to the top of the page  Generally it is good practice that if you want a link to do something other than go to its href you should set the onclick event to return false

User · Answer

HTML   lt div id  hideme  gt  lt strong gt Warning  lt  strong gt These are new products lt a href     class  close notification  title  Click to Close  gt  lt img src  images close icon gif  width  6  height  6  alt  Close  onClick  hide  hideme      gt  lt  a     Javascript   function hide obj         var el   document getElementById obj            el style display    none

User · Answer

Simple  amp  Best way   onclick  parentNode remove      Deletes the complete parent from html

[javascript] Javascript onclick hide div

Examples related to javascript