初学JS,请教循环写法

现在这个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>


慕丝7291255
浏览 370回答 3
3回答
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript