Ocultar un botón en Javascript

Question

En mi último programa, hay un botón que muestra algunos cuadros emergentes de entrada cuando se hace clic. Después de que desaparecen estos cuadros, ¿cómo puedo ocultar el botón?

¡Gracias de antemano!

Answer 1

Puede set its visibility property a hidden.

Aquí está una pequeña demostración, donde se utiliza un solo botón para cambiar el otro:

<input type="button" id="toggler" value="Toggler" onClick="action();" /> 
<input type="button" id="togglee" value="Togglee" /> 

<script> 
    var hidden = false; 
    function action() { 
     hidden = !hidden; 
     if(hidden) { 
      document.getElementById('togglee').style.visibility = 'hidden'; 
     } else { 
      document.getElementById('togglee').style.visibility = 'visible'; 
     } 
    } 
</script> 

Answer 2

Algo como esto debe eliminarlo

document.getElementById('x').style.visibility='hidden'; 

Si usted va a hacer un montón de este la manipulación del dom podría valer la pena mirar jquery

Answer 3

document.getElementById('btnID').style.visibility='hidden'; 

Answer 4

Si no está utilizando jQuery, le sugiero gest usándolo. Si lo hace, usted quiere hacer algo como:

$('button').on(
    'click' 
    function () 
    { 
     $(this).hide(); 
    } 
); 

Answer 5

//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"; 

, por supuesto, si usted está haciendo un montón de cosas como esta, utilice jQuery

Answer 6

visibility=hidden 

es muy útil, pero ocupará espacio en la página. También puede utilizar

display=none 

debido a que no sólo ocultar el objeto, pero que sea por lo que no ocupa espacio hasta que se muestre. (También tenga en cuenta que el opuesto de la pantalla es "bloque", no "visible")

Answer 7

cuando presiona el botón para que llame a la función que alertará al mensaje. así que después de alerta, ponga la propiedad style visible. se puede lograr usando

function OpenAlert(){ 
 
     alert("Getting the message"); 
 
     document.getElementById("getMessage").style.visibility="hidden"; 
 
     
 
    }

<input type="button" id="getMessage" name="GetMessage" value="GetMessage" onclick="OpenAlert()"/>

Esperamos que esto ayude. Encantados de ayudarle

Answer 8

<script> 
$('#btn_hide').click(function() { 
$('#btn_hide).hide(); 
}); 
</script> 
<input type="button" id="btn_hide"/> 

esto será suficiente