现在这个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>
相关分类