如何使用javascript在按钮单击时显示或隐藏div

Question

以下是代码

<style type="text/css">
#mydiv{ margin:0 auto;padding:0;width:250px;height:100px; border:1px solid threedshadow;display:none;}
</style>

<script type="text/javascript">
function show()
{
var div=document.getElementById('mydiv');
div.style.display == "none" ? "block" : "none";
}
</script>



<input type="button" onclick="show()" value="show"/>
<div id="mydiv">

此代码不起作用任何人都可以帮助我！

Answer 1

关闭，但您没有将显示值分配给 display 属性。尝试这个：

div.style.display = (div.style.display == "none") ? "block" : "none";