初学JS，请教循环写法

Question

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

Answer 1

 function showHideN(N)
{
    var oDiv=document.getElementById('div'+N);

    if(oDiv.style.display=='block')
    {
        oDiv.style.display='none';
    }
    else
    {
        oDiv.style.display='block';
    }
}

 <input type="button" value="显示隐藏" onClick="showHideN(2)" />

要点都写了，还给扣分就没意思了吧？应你的要求写完整了。

  <input type="button" value="显示隐藏" onClick="showHideN(1)" />
  <input type="button" value="显示隐藏" onClick="showHideN(2)" />
<div id="div1"></div>
<div id="div2"></div>
<script>
function showHideN(N)
{
    var oDiv=document.getElementById('div'+N);

    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>