Question

编辑：由于问题已经变得非常流行，我将解决问题所以它将成为代码示例。原始问题仍然列出，但代码有效。

我试图在按下按钮后显示一个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' ;
}

Answer 1

将CSS更改为：

#show_button{
 display: none
}

你的javascript：

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

Answer 2

错误错误将其document.getElementById(show_button)更改为document.getElementById("show_button")

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

Answer 3

试试这个：

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" ;
}

Answer 4

document.getElementById(show_button) - ：语法错误，缺少引号“”！

使用JavaScript更改DIV可见性

4 个答案: