web-dev-qa-db-ja.com

JavaScriptによるDIVの可視性の変更

編集：質問が非常に人気になったので、私は問題を修正し、実際のコード例になります。元の問題はまだリストされていますが、コードは機能しますです。

ボタンを押した後にdivを表示しようとしていますが、これは機能しません。なぜですか？

<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' ;
}
javascripthtmlvisibility
10
Anton.P

CSSを次のように変更します。

#show_button{
 display: none
}

そしてあなたのjavascriptで：

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

誤植エラーはdocument.getElementById(show_button)をdocument.getElementById("show_button")に変更します

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

これを試して ：

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

または

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

document.getElementById(show_button)-：構文エラー、引用符 ""がありません！

0
sakthi