modifica della visibilità DIV con JavaScript

Question

MODIFICA: Poiché la domanda è diventata abbastanza popolare, risolverò il problema in modo che funzioni come esempio di codice. Il problema originale è ancora elencato, ma il codice funziona.

Sto provando a mostrare un div dopo aver premuto un pulsante ma questo non funzionerà, qualche idea del perché?

<form action="insert.php" method="POST" align="right" id="post_form"> 
<input type="button" value="click me" onClick="show()"> 
<div id="show_button"> fdsfds </div><br> 
</form> 

#show_button{ 
visibility:hidden; 
} 

function show(){ 
    // alert("cheked the button - worked"); 
    document.getElementById("show_button").style.visibility= 'visible' ; 
} 

Answer 1

Cambia la tua CSS:

#show_button{ 
display: none 
} 

E voi nella vostra javascript:

function show(){ 
    //alert("cheked the button - worked"); 
    document.getElementById('show_button').style.display= 'block' ; 
} 

Answer 2

Prova questa:

function show(){ 
    //alert("cheked the button - worked"); 
    document.getElementById("show_button").style.visibility= "visible" ; 
} 

o

function show(){ 
    //alert("cheked the button - worked"); 
    document.getElementById(show_button).style.display= "inline" ; 
} 

Answer 3

document.getElementById(show_button) -: errore di sintassi, virgolette mancanti ""!

Answer 4

Typo cambiamento errore si document.getElementById(show_button) a document.getElementById("show_button")

function show(){ 
    document.getElementById("show_button").style.visibility= "visible" ; 
}