javascript 实现数据表格显示的展开与折叠

<script   language="javascript">  

  function   ShowTableRow(id)
 
  { 
  var _Row = document.getElementById(id)   <!-- 获取ID为TableRowID 的对象 -->
  var _Img = document.getElementById("Img"+id)
 
  <!--alert(_Img)-->
 

  if(_Row.style.display=="none")  
     {
       _Row.style.display="";  
       _Img.src="arrowUP.gif";

     }
  else  
     {
       _Row.style.display="none";  
       _Img.src="arrowDOWN.gif";
     }
  }  
 
  </script>  

 

*******************************

 

asp/jsp 页面: 设置对象的 ID

 

 

.......................

 

 

       <td width="14%" bgcolor="#ecfaff" ><div align="center"><img src="arrowDOWN.gif" id="Img<%=num%>" onClick="ShowTableRow(<%=num%>)"></div></td>
     <td width="12%" bgcolor="#ecfaff" class="style11"></td>
 
 </tr>
   
   
<!------ 展开/折叠***** 行-- 出厂流向 -->
   
    <tr class="style11" bgcolor="#66CC99">
    <td  colspan="7">
        <div id=<%=num%>  style="display:none" >
     <table width="73%" border="0" align="center" cellpadding="0" cellspacing="1" >
     
     <%
   '-- 根据RS1结果，动态画表格
  sql1="SELECT ORG_CODE,ORG_NAME, count(*) as OUTNUM1 FROM  "
  sql1=sql1+" ciginfo where substring(barcode,3,6)='"+ppdm+"' and scandate<='"+enddate&" 23:59:59"+"' and scandate>='"+begindate+"'"
     sql1=sql1+" group by ORG_CODE,ORG_NAME "

  rs1.open sql1,connstr,1,1  '---------- 打开汇总结果数据集 ----> RS1
  
  num1=1
  do while not rs1.eof
  %>
      
        <tr>
   <td width=48%></td>
   <td width=5%><%=num1%>、</td>
    <td width=10%><%=rs1("ORG_CODE")%></td>
   <td width=35%><div align="left"><%=rs1("ORG_NAME")%> </div> <td>
   <td width=5%><%=rs1("outnum1")%></td>
        
        </tr>
           
        <%
  rs1.movenext
  num1=num1+1
  loop
  
  rs1.close
  %>
      </table>
      </div>
   </td>
   </tr>
<!------ 展开/折叠-- 出厂流向 结束! -->