現在這個js只定義了2個div點擊顯示隱藏,現在有2個可以這樣寫,但是如果有100個div的話,語句就會寫很長了。要怎么簡潔定義啊,總不能寫100句js語句吧。 <input type="button" value="顯示隱藏" onClick="showHide()" />
<input type="button" value="顯示隱藏" onClick="showHide2()" />
<div id="div1"></div>
<div id="div2"></div>
<script>
function showHide()
{
var oDiv=document.getElementById('div1');
if(oDiv.style.display=='block')
{
oDiv.style.display='none';
}
else
{
oDiv.style.display='block';
}
}
function showHide2()
{
var oDiv=document.getElementById('div2');
if(oDiv.style.display=='block')
{
oDiv.style.display='none';
}
else
{
oDiv.style.display='block';
}
}
</script>
<style>
#div1 {width:100px; height:200px; background:#CCC; display:none;}
#div2 {width:100px; height:200px; background:#CCC; display:none;}
</style>
初學JS,請教循環寫法
慕絲7291255
2019-04-18 13:15:45