div - Ocultar un botón en Javascript

processmaker 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 estas cajas se vayan, ¿cómo escondo el botón?

Answer 1

Algo como esto debería eliminarlo.

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

Si vas a hacer un montón de esta manipulación dom valdría la pena mirar jquery

Answer 2

Si no está utilizando jQuery, le sugiero que lo utilice. Si lo haces, querrías hacer algo como:

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

Answer 3

cuando presiona el botón debe llamar a la función que alertará el mensaje. Así que después de la alerta poner propiedad style visible . puedes lograrlo usando

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

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

Espero que esto ayude. Feliz de ayudar

Answer 4

Puede establecer su propiedad de visibility en hidden .

Aquí hay una pequeña demostración, donde un botón se usa para alternar 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 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 estás haciendo muchas cosas como esta, usa jQuery

Answer 6

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

Answer 7

visibility=hidden

es muy útil, pero aún así ocupará espacio en la página. También puedes usar

display=none

porque eso no solo ocultará el objeto, sino que lo hará para que no ocupe espacio hasta que se muestre. (También tenga en cuenta que lo contrario de la pantalla es "bloque", no "visible")

Answer 8

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

esto será suficiente