Nascondere un pulsante in Javascript

Question

Nel mio ultimo programma, c'è un pulsante che visualizza alcune finestre popup di input quando si fa clic. Dopo che queste caselle sono scomparse, come posso nascondere il pulsante?

Grazie in anticipo!

Answer 1

È possibile set its visibility property a hidden.

Ecco una piccola dimostrazione, in cui un pulsante viene utilizzato per attivare o disattivare l'altro:

<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

Qualcosa del genere dovrebbe toglierlo

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

Se avete intenzione di fare un sacco di questo manipolazione dom potrebbe valere la pena guardare jquery

Answer 3

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

Answer 4

Se non si utilizza jQuery vorrei gest usarlo. Se lo fai, si vorrebbe fare qualcosa di simile:

$('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"; 

, naturalmente, se si sta facendo un sacco di cose come questa, utilizzare jQuery

Answer 6

visibility=hidden 

è molto utile, ma è occuperà ancora spazio sulla pagina. È inoltre possibile utilizzare

display=none 

perché non solo nascondere l'oggetto, ma fare in modo che esso non occupa lo spazio fino a quando non viene visualizzato. (Tieni anche presente che l'opposto del display è "blocco", non "visibile")

Answer 7

quando si preme il pulsante in modo che chiami la funzione che avviserà il messaggio. quindi dopo l'avviso mettere la proprietà style visible. è possibile ottenere utilizzando

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

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

Spero che questo vi aiuterà. Felice di aiutare

Answer 8

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

questo sarà sufficiente