Änderung DIV Sichtbarkeit mit JavaScript

Question

EDIT: Da die Frage ziemlich populär geworden ist, werde ich das Problem beheben, so dass es funktioniert Code-Beispiel. Das ursprüngliche Problem ist immer noch aufgeführt, aber der Code funktioniert.

Ich versuche, ein div nach dem Drücken eines Knopfes zu zeigen, aber das wird nicht funktionieren, keine Ahnung, warum ist das?

<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

ändern CSS:

#show_button{ 
display: none 
} 

Und Sie in Ihrem javascript:

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

Answer 2

starten:

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

oder

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

Answer 3

document.getElementById(show_button) -: Syntaxfehler, Fehlende Anführungszeichen ""!

Answer 4

Typo Fehleränderung es document.getElementById(show_button) zu document.getElementById("show_button")

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