如何实现表中表格的点击隐藏和再点击打开?望高手指教,谢谢!

yueyang 2004-08-06 01:37:44
例如这个表:
<table>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
<tr>
<td>a</td>
<td>b</td>
<td>c</td>
<td>d</td>
</tr>
</table>

就是设置一个按钮或者连接来触发JS代码,实现隐藏第一行的3和4表格以及第二行的c和d表格,再点击则显示隐藏的内容并将第一行的1和2表格以及第二行的a和b表格隐藏,该如何实现?望高手指教!
...全文
134 点赞 收藏 4
写回复
4 条回复
yueyang 2004年08月06日
非常感谢,结帖给分。
回复 点赞
LxcJie 2004年08月06日
<table id=table1>
<tr>
<td id=t1>1</td>
<td id=t1>2</td>
<td id=t2>3</td>
<td id=t2>4</td>
</tr>
<tr>
<td id=t1>a</td>
<td id=t1>b</td>
<td id=t2>c</td>
<td id=t2>d</td>
</tr>
</table>
<input type=button onclick=test() value=test>
<SCRIPT LANGUAGE="JavaScript">
var tag = true;
function test()
{
var arrTd1 = document.all.t1;
var arrTd2 = document.all.t2;
if(tag)
{
for(var i=0; i<arrTd1.length; i++)
arrTd1[i].style.display = "none";
for(var i=0; i<arrTd2.length; i++)
arrTd2[i].style.display = "";
tag = false;
}
else
{
for(var i=0; i<arrTd1.length; i++)
arrTd1[i].style.display = "";
for(var i=0; i<arrTd2.length; i++)
arrTd2[i].style.display = "none";
tag = true;
}
}
</SCRIPT>
回复 点赞
yueyang 2004年08月06日
上面这个似乎强的过火了,可否针对我的问题给个例子?
回复 点赞
mrshelly 2004年08月06日
http://www.blogbus.com/blogbus/blog/diary.php?diaryid=157389
回复 点赞
发动态
发帖子
JavaScript
创建于2007-09-28

5.1w+

社区成员

22.3w+

社区内容

Web 开发 JavaScript
社区公告
暂无公告