用javascript 控制表格行的展开和隐藏的代码


答案：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<title>无标题文档</title> 
<script language="javascript" type="text/javascript"> 
function $(obj) 
{ 
    return document.getElementById(obj); 
} 

function close_open() 
{ 
    if($("myTr").currentStyle.display == "none") 
    { 
        $("myTr").style.display = ""; 
    } 
    else 
    { 
        $("myTr").style.display = "none"; 
    } 
} 
</script> 
</head> 

<body> 
<table> 
<tr onclick="close_open()"><td>1<td></tr> 
<tbody id="myTr"> 
<tr><td>2<td></tr> 
<tr><td>3<td></tr> 
</tbody> 
</table> 
</body> 
</html> 


  [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

上一个：一个qq菜单效果
下一个：一个刚完成的layout（拖动流畅，不受iframe影响）

更多图片编程知识:

用Div仿showModalDialog模式菜单的效果的代码
jquery.blockUI.js实现上传滚动等待效果
{{JS}}关于this一个不解的地方
用js检测两个线段是否相交
JS/CSS module LazyLoad之三
Android JSON网络数据交换