如何实现onclick点击一次，显示一个div，再点击一次，取消div显示

Question

<div id="d">aa</div>
<input type="button" onclick="document.getElementById('d').style.display=document.getElementById('d').style.display==''?'none':''">

Answer 1

在点击事件中先判断div是显示的还是隐藏的,如果显示则让它隐藏,反之则显示

Answer 2

function elementDisplay(objID){
    document.getElementById(objID).style.display = ( document.getElementById(objID).style.display != 'none' ? 'none' : 'block' );
}

Answer 3

这应该是最初级的问题了,楼主应该自己动手试试取消事件并不能达到目的,取消事件指的是中止事件的默认行为,比如停止表单提交,停止打开链接等等
你要实现的功能是以事件为驱动,实现某些功能
那么只要在事件的处理方法里改变div的显示(display or visibility)属性即可达到目的.

Answer 4

<script type="text/javascript">
function elementDisplay(objid){
var obj=document.getElementById(objid);
if(obj.style.visibility !='hidden'){
obj.style.visibility='hidden';
}else{
obj.style.visibility='visible';
}
}
</script>
<div onclick="elementDisplay('shishi')">你可以点击一下试试了</div>
<div id="shishi" style="background-color:#000000;width:100px; left:100px; height:100px; position:absolute; "></div>

Answer 5

<input type="button" value="显示" onclick="document.getElementById('d').style.display=document.getElementById('d').style.display==''?'none':'';this.value=document.getElementById('d').style.display==''?'隐藏':'显示'" ><div id="d" style="display:none">aa</div>