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">
JS之 if語句函數 對接事件動作 函數更改css css對接需要換妝的區id或class