[筆記]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? "隱藏" : "顯示"

        }