如何顯示或使用JavaScript

-1

這裏下面隱藏按鈕，點擊一個div是代碼如何顯示或使用JavaScript

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

這個代碼不工作的任何人可以幫助我！

來源

2013-11-15 sidhewsar

他爲什麼得到-1？ – Dropout

由於「此代碼無法運行，任何人都可以幫助我!!」是不是一個問題描述@Dropout – PeeHaa

@sidhewsar一定要關閉你的div如果你不是已經：'

' –

關閉，但你並沒有使用的顯示值顯示屬性。試試這個：

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

來源

2013-11-15 12:47:14

你應該使用：

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

來源

2013-11-15 12:46:55 Ramesh

HTML

<input type="button" onclick="show()" value="Click Me" id="myBtn"/> 
<div id="mydiv">This is Div</div>

CSS：

#mydiv{ 
margin:0 
auto;padding:0; 
width:250px; 
height:100px; 
border:1px solid threedshadow; 
display:none;}

腳本：

var showBtn = document.getElementById('myBtn'); 

showBtn.onclick = function() { 
    var showme = document.getElementById('mydiv'); 
    if (showme.style.display !== 'none') { 
     showme.style.display = 'none'; 
    } 
    else { 
     showme.style.display = 'block'; 
    } };

來源

2013-11-15 13:27:56

如何顯示或使用JavaScript

回答

相關問題