本文介绍了一种使用JavaScript来实现HTML表格行显示与隐藏的方法。通过点击特定的表格行，可以控制下一行的显示与隐藏状态。此方法利用了内联事件处理程序和简单的JavaScript函数实现。
<html>
<head>
<script language="javascript">
<!--
function sh(t){
var p=document.getElementById(t);
p.style.display=p.style.display=="none"?"":"none";
}
//-->
</script>
</head>
<body>
<table width="200" border="1">
<tr onclick="sh('m')">
<td>点击这一行汇显示或隐藏下一行</td>
</tr>
<tr id="p" style="display:none">
<td>显示和隐藏的内容</td>
</tr>
<tr id="m" style="display:none" onclick="sh('n')">
<td>xianshihe
<tr id="n" style="display:none"><td>中国</td>
</tr>
</td>
</tr>
</table>
</body>
</html>
如果用后台添加js,cs代码中加入：ClientScript.RegisterSartupScript(ClientScript.GetType(),"td","<script>sh('p');</script>");
扫一扫
1589
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
