编程之道

无论是批评的,赞扬的,指着的都请EMAIL给我,你的建议将是我前进的动力! 联系我

隐藏表格的问题?

今天在项目中碰到这个问题,要求用JS写。我郁闷,网上找了好久才找到相关资料,写下来供以后参考。

<html>
  
<head>

<SCRIPT type="text/javascript">
function s(tab1){
    
if(tab1.style.display == "none")
        tab1.style.display
="";
    
else
        tab1.style.display 
= "none";
}
</SCRIPT>

  
</head>  
  
<body>  
        
<TABLE id="tab1" style="display: none">        
            
<tr>
            
<td>aaa</td>
            
<td>bbb</td>            
            
</tr>            
        
</TABLE>          
        
<TABLE>
            
<tr>
            
<td>
            
<INPUT type="button" name="b0" value="sumbit" onclick="s(tab1)">                
            
</td>            
            
</tr>
        
</TABLE>
  
</body>
</html>
发现洋式表很强啊,只是我不知道怎么用。
S()方法中传入要隐藏的表格或其他空间的ID,其实不传也可以,但是如果有多个BUTTON的响应不同表格的时候,我们只需要改变方法中的参数,而不需要另外写方法了,例如:
function s(t){
    
if(t.style.display == "none")
        t.style.display
="";
    
else
       t.style.display 
= "none";
}

......
<INPUT type="button" name="b0" value="sumbit" onclick="s(tab1)">   
<INPUT type="button" name="b0" value="sumbit" onclick="s(tab2)">  
<INPUT type="button" name="b0" value="sumbit" onclick="s(tab3)">    

posted on 2005-09-30 15:47 疯流成性 阅读(348) 评论(0)  编辑  收藏 所属分类: JavaScript技巧


只有注册用户登录后才能发表评论。


网站导航: