易截截图软件、单文件、免安装、纯绿色、仅160KB

javascript 实现显示隐藏功能,要通用

<table id="table1">
  <tr>
  <td><a href="#">主题一</a></td>
  </tr>
  <tr id="trSub1" style="display:none">
  <td>主题一详细内容</td>
  </tr>
  <tr>
  <td><a href="#">主题二</a></td>
  </tr>
  <tr id="trSub2" style="display:none">
  <td>主题二详细内容</td>
  </tr>
  <tr>
  <td><a href="#">主题三</a></td>
  </tr>
  <tr id="trSub3" style="display:none">
  <td>主题三详细内容</td>
  </tr>
</table>

如上面一段html,初始状态下只显示"主题一","主题二","主题三" 这三行, 要求:
1.点击"主题一"时,显示id="trSub1"这个tr. 再次点击则隐藏.
2.点击哪个主题,就显示哪个主题的详细内容,其它详细内容隐藏.
3.主题的数量是不定的,可能三个,也可能三十个.所以不能写死.

用javascript如何实现? 谢谢
<script>
  var box = document.getElementById('table1').getElementsByTagName('a');
  for(var i=1;i<box.length;i++){
  box[i].onclick = functi


相关问答:

这段JavaScript代码为什么无法执行 - .NET技术 / C#

以下是一段JavsScript脚本,但运行时总会产生 “Microsoft JScript 运行时错误: 'null' 为空或不是对象”异常,大家帮看一下。 
<form id="form1" runat="server">
  < ......

100分求助一个问题:改造一个Javascript代码

我手边有csdn论坛弹出信息窗口的代码(可以从http://www.codefans.net下载),但它显示的只是固定的信息,现在想改造一下以便能通过后台调用Sql Server 2000数据库自动将数据表中的信息作为弹出窗口显示的信息。csdn论 ......

JAVASCRIPT函数传值问题

JScript code:

function AddInfo(num)
{
surl ='aaa.asp?Type=Addinfo';
req.open('GET', surl, true);
alert(num);
req.onreadystatechange = AddCustomer(num);
req.send(null);
} ......

初学javascript的,交流

初学javascript有不懂问题的,请入100172168 JavaScript技术群,相互学习交流。

欢迎加入

正好有问题

欢迎加入

欢迎加入

马上加入

欢迎加入

欢迎加入!!

我加了 ····
......
© 2009 ej38.com All Rights Reserved. 关于E健网联系我们 | 站点地图 | 赣ICP备09004571号