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>
<!------ 展开/折叠-- 出厂流向 结束! -->