CSDN首页 空间 新闻 论坛 Blog 下载 读书 网摘 搜索 .NET Java 视频 接项目 求职 在线学习 买书 程序员 通知
可用分押宝游戏火热进行中... 专题改版:Java Web 专题
CSDN社区
搜索 收藏 打印 关闭
CSDN社区 >  Web 开发 >  JavaScript

1个tabel中有5 个tr 如何用js控制 第3个tr到 第5个tr到 显示或隐藏

楼主shrockey(天天想您)2006-06-01 18:20:14 在 Web 开发 / JavaScript 提问

我将3个tr整体定义成一个div   来控制就是不行 问题点数:10、回复次数:3Top

1 楼Mars_ZHOU()回复于 2006-06-01 18:59:49 得分 10

<table   id=tb   cellPadding=1   border   =1>  
  <tr><td>0</td></tr>  
  <tr><td>1</td></tr>  
  <tr><td>2</td></tr>  
  <tr><td>3</td></tr>  
  <tr><td>4</td></tr>  
  </table>  
  <input   type=button   onclick=test()   value="按我">  
  <SCRIPT   LANGUAGE=javascript>  
  <!--  
  function   test(){  
  for   (var   i=0   ;i<   tb.rows.length   ;   i++   ){  
  if   (i   >1){  
  tb.rows(i).style.display   =   "none"  
   
  }  
  }  
  }  
  //-->  
  </SCRIPT>  
  Top

2 楼webphoenix()回复于 2006-06-01 20:26:43 得分 0

楼上的可以  
  你的当然不行,div在tr之间是不起作用的Top

3 楼mynickel2000(狗不理)回复于 2007-01-12 13:32:40 得分 0

<html>  
  <head>  
  <SCRIPT   language=javascript>  
  function   doOpen(){  
  var   xx=document.getElementById("aa");  
  if   (xx.style.display=="none"){  
        xx.style.display='block';  
  }  
  else   {  
  //xx.innerHTML   =   "";  
        xx.style.display='none';  
  }  
  alert(xx.innerHTML);  
  }  
   
  </SCRIPT>  
  </head>  
  <body>  
  <input   type="button"   id="ccc"   onclick="doOpen();"   value="aaaaa"/>  
  <table   border="1">  
  <tr>  
  <td>  
  aaaaa  
  </td>  
  </tr>  
  <tbody     id="aa"   name="aa">  
  <tr>  
  <td>  
  aa  
  </td>  
  </tr>  
  <tr>  
  <td   id="aa"   name="aa">  
  aa  
  </td>  
  </tr>  
  </tbody>  
  </table>  
  </body>  
  </html>Top

相关问题

关键词

得分解答快速导航

  • 帖主:shrockey
  • Mars_ZHOU

相关链接

  • Web开发类图书

广告也精彩

反馈

请通过下述方式给我们反馈
反馈
提问
网站简介|广告服务|VIP资费标准|银行汇款帐号|网站地图|帮助|联系方式|诚聘英才|English|问题报告
世纪乐知(北京)网络技术有限公司 版权所有, 京 ICP 证 020026 号
北京创新乐知广告有限公司 提供技术支持
Copyright © 2000-2007, CSDN.NET, All Rights Reserved
GongshangLogo