您的位置:首页 > Web前端 > JavaScript

JS实现鼠标点击展开/隐藏表格行

2012-11-22 00:25 309 查看




<title>JS实现鼠标点击展开/隐藏表格行_网页代码站(www.webdm.cn)</title>

<script language="javascript">

function TestBlack(TagName){

 var obj = document.getElementById(TagName);

 if(obj.style.display==""){

  obj.style.display = "none";

 }else{

  obj.style.display = "";

 }

}

</script>

<table width="760" border="0" cellspacing="0" cellpadding="0">

    <tr onclick="TestBlack('divc');">

        <td width="760" height="20" bgcolor="#00CCFF">Click Me!</td>

    </tr>

    <tr id="divc">

        <td width="760" height="60" bgcolor="#9966FF"></td>

    </tr>

</table>

<br />

<p><a href="http://www.webdm.cn">网页代码站</a> - 最专业的网页代码下载网站 - 致力为中国站长提供有质量的网页代码!</p>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: