<html>
<head>
<title>展开或收缩表格行</title>
<script>
function xlh(p)
{
var str=document.getElementById("a").innerHTML;
document.getElementById("a").innerHTML=(str=="收缩"?'展开':'收缩');
var _objTR=document.all('_oTable')
for(var _i=_objTR.all.tags('tr').length-1;_i>p+1;_i--){
_objTR.all.tags('tr')[_i].style.display=(_objTR.all.tags('tr')[_i].style.display==''?'none':'');
}
}
</script>
</head>
<body>
<table border="1" cellpadding="0" cellspacing="0" width="100%" >
  <tr>
    <td colspan="7"><a href=# onmousedown=xlh(3); title="展开或收缩表格行"><div id=a>收缩</div></a></td>
  </tr>
  <tr>
    <td rowspan="7"> </td>
    <td>1 </td>
    <td> </td>
    <td> </td>
  </tr>
  <tr><td>2</td><td> </td><td> </td></tr>
  <tr><td>3</td><td> </td><td> </td></tr>
  <tr><td>4</td><td> </td><td> </td></tr>
  <tr >
    <td>5 </td>
    <td> </td>
    <td> </td>
  </tr>
  <tr >
    <td>6 </td>
    <td> </td>
    <td> </td>
  </tr>
  <tr >
    <td>7 </td>
    <td> </td>
    <td> </td>
  </tr>
</table>

</body>

</html>

相关文章:

  • 2021-12-03
  • 2021-04-25
  • 2021-07-27
  • 2022-12-23
  • 2022-01-09
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
猜你喜欢
  • 2021-08-02
  • 2021-04-29
  • 2022-12-23
  • 2021-11-08
  • 2022-12-23
  • 2021-12-18
  • 2021-07-22
相关资源
相似解决方案