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
相关问答:
以下是一段JavsScript脚本,但运行时总会产生 “Microsoft JScript 运行时错误: 'null' 为空或不是对象”异常,大家帮看一下。
<form id="form1" runat="server">
< ......
我手边有csdn论坛弹出信息窗口的代码(可以从http://www.codefans.net下载),但它显示的只是固定的信息,现在想改造一下以便能通过后台调用Sql Server 2000数据库自动将数据表中的信息作为弹出窗口显示的信息。csdn论 ......
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有不懂问题的,请入100172168 JavaScript技术群,相互学习交流。
欢迎加入
正好有问题
欢迎加入
欢迎加入
马上加入
欢迎加入
欢迎加入!!
我加了 ····
......