|
零柒动力网站建设 |
|
|
|
asp.net控制table行的显示和隐藏 |
|
Tags:asp.net table 显示和隐藏
1.前台控制,点击上一行会显示或隐藏下一行
<script language="javascript"> <!-- function sh(t) { var p=document.all(t); //声明一个变量 p.style.display=p.style.display=="none"?"":"none"; //判断是否隐藏 } //--> </script>
<table width="200" border="1"> <tr onclick="sh('p')"> <td>点击这一行会显示或隐藏下一行</td> </tr> <tr id="p" style="display:none"> <td>显示和隐藏的内容</td> </tr> </table>
2.从后台控件table的行显示或隐藏
<script language="javascript"> <!-- function sh(t) { var p=document.all(t); //声明一个变量 p.style.display=p.style.display=="none"?"":"none"; //判断是否隐藏 } //--> </script>
<table width="200" border="1"> <tr> <td>此行一直会显示</td> </tr> <tr id="p" style="display:none"> <td>显示和隐藏的内容</td> </tr> </table>
cs代码:
protected void Page_Load(object sender, EventArgs e) {
ClientScript.RegisterStartupScript(ClientScript.GetType(), "td", "<script>sh('p');</script>");
} 转载请注明出处-零柒动力-07er.com |
|