利用JS来修改display属性的问题
我写的一个JSP的网页，在CSS中定义一个属性

#sn { display:none;}

然后在JSP网页定义了一个JS函数

function showbox(id) 
{
  if(document.getElementById(id).style.display=='none')
  document.getElementById(id).style.display='block';
}

然后在网页中有一个循环显示的函数
<% while(i<20)
  {
%>
  <div id="sn">SN</div>
  <script language="javascript">showbox('sn')</script>
<%
  }
%>

我运行网页得到的结果是：第一个循环中的SN结果可以显示出来，可是后面的19个就没有反应了，请问一下这个是什么问题呀？或者怎么用别的方法可以实现一样的功能，主要是用来配合显示勾选查询结果用的。

------解决方案--------------------
js直接取或者设置外联样式文件中的CSS是取不到的。只能直接取到页面上的样式。