JS之 if語句函數 對接事件動做 函數更改css css對接須要換妝的區id或class

 

if 函數的實現步驟:

1. function +名字()
2. 指定id , 指定開關(display: none or block)
3. if + else 構成邏輯 控制開關

1. 決定在哪裏安置一個燈泡, 指定一個id給某個標籤
2. 把開關用電線連着燈泡, 安裝開關 #+id名稱{ 屬性1= 賦值, 屬性 2 = 賦值 , 屬性3 = 賦值 }
   全部的賦值均可以成爲一個開關. 若是是一個手動版的, 這裏已經完成了. 更改屬性的賦值就能夠變動id的樣式
3. 幫開關裝上感應元件, 一旦有動靜, 開關便自動switch     創建function showhide() { 使用if+else語句, 改變開關的接線:改變屬性賦值 }
4. 打開電制, 讓開關通電.     事件動做接上函數

 

最核心的原則就是, 事件動做對接函數, 函數對接屬性(一個或多個)更改, 屬性更改, 對接id或者class, id 或class對接事件動做所在標籤

 

 

 

<style>

#div1 {width:100px; height:200px; background:#CCC; display:none;}

</style>

<script>

function showHide()

{

    var oDiv=document.getElementById('div1');

    

    if(oDiv.style.display=='block')

    {

        oDiv.style.display='none';

    }

    else

    {

        oDiv.style.display='block';

    }

}

</script>

 

 

<input type="button" value="顯示隱藏" onclick="showHide()"> </input>

<div id="div1">