分享

[筆記]JS 控制隱藏顯示操作

   var oImg=document.getElementById("img"); // 取得ID 
   oImg.style.display="block" //顯示  
   oImg.style.display="none"  //隱藏    
<input type="button" value="隱藏"id="bt"/>
<br \>
<img src="03.png" id="img"/>
<script type="text/javascript">
var oBt=document.getElementById("bt");
var oImg=document.getElementById("img");
var isShow=true;
oBt.onclick = function(){
isShow=!isShow;  
// ****************
if(isShow){
oBt.value="隱藏"
oImg.style.display="block"
       }else{
oBt.value="顯示"
oImg.style.display="none"
       }
//******************  
// 三元運算子取代 * 號內程式碼
oImg.style.display= isShow? "block" : "none"
oBt.value=isShow? "隱藏" : "顯示"  
       }        
分類:學習

評論
上一篇
  • 下一篇
  • 更多文章
    載入中... 沒有更多了