Hiding a button in Javascript

Question

In my latest program  there is a button that displays some input popup boxes when clicked  After these boxes go away  how do I hide the button

User · Answer

Something like this should remove it   document getElementById  x   style visibility  hidden     If you are going to do alot of this dom manipulation might be worth looking at jquery

User · Answer

You can set its visibility property to hidden   Here is a little demonstration  where one button is used to toggle the other one    lt input type  button  id  toggler  value  Toggler  onClick  action       gt   lt input type  button  id  togglee  value  Togglee    gt    lt script gt      var hidden   false      function action             hidden    hidden          if hidden                document getElementById  togglee   style visibility    hidden             else               document getElementById  togglee   style visibility    visible                    lt  script gt

User · Answer

If you are not using jQuery I would suggest using it  If you do  you would want to do something like       button    on      click     function                     this   hide

User · Answer

when you press the button so it should call function that will alert message  so after alert put style visible property    you can achieve it using    x000D   x000D  function OpenAlert    x000D          alert  Getting the message    x000D          document getElementById  getMessage   style visibility  hidden   x000D           x000D        x000D    lt input type  button  id  getMessage  name  GetMessage  value  GetMessage  onclick  OpenAlert     gt  x000D   x000D   x000D    Hope this will help   Happy to help

User · Answer

If the space on that page is not disabled then put your button inside a div   lt div id  quot a1 quot  gt   lt button gt Click here lt  button gt   lt  div gt   Using Jquery   lt script language  quot javascript quot  gt     quot  a1 quot   hide     lt  script gt   Using JS   lt script language  quot javascript quot  gt  document getElementById  quot a1 quot   style visibility    quot hidden quot   document getElementById  quot a1 quot   style display    quot none quot    lt  script gt

User · Answer

lt script gt          btn hide   click  function                btn hide   hide             lt  script gt   lt input type  quot button quot  id  quot btn hide quot   gt   this will be enough

User · Answer

document getElementById  btnID   style visibility  hidden

User · Answer

You can use this code  btnID hidden   true

User · Answer

visibility hidden   is very useful  but it will still take up space on the page  You can also use  display none   because that will not only hide the object  but make it so that it doesn t take up space until it is displayed   Also keep in mind that display s opposite is  block   not  visible

User · Answer

Your code to make the box goes here    call it box box id  foo     Your code to remove the box goes here document getElementById  foo   style display  none     of course if you are doing a lot of stuff like this  use jQuery

[javascript] Hiding a button in Javascript

Examples related to javascript

Examples related to html

Examples related to button

Examples related to hide