利用js实现表格的显示隐藏

来源:互联网 发布:妈妈的美工画 编辑:程序博客网 时间:2024/06/11 04:59

table<script type="text/javascript">
function show(obj){
var tbobj=document.getElementById(obj);
tbobj.style.display="";
}
function hide(obj){
var tbobj=document.getElementById(obj);
tbobj.style.display="none";
}
</script>  

注:隐藏/显示,用于直接控制显示其中一个或几个,隐藏其中几个

<script language=javascript type="text/javascript">
<!--//
function   change(obj)  
  {  
  if(document.getElementById(obj).style.display=='none')  
  {
    document.getElementById(obj).style.display='';}  
    else
    {
        document.getElementById(obj).style.display='none';}
      }
//-->
</script>

注:自动判断其显示或隐藏,若显示则隐藏,隐藏则显示!

<table id=a><tr><td>show/hide</td></tr></table>