显示隐藏层...简单实现

来源:互联网 发布:桔子瑜伽怎么样 知乎 编辑:程序博客网 时间:2024/04/19 06:46
<html>
    
<head>
        
<title>
                hide DIV
        
</title>
        
<script language="javascript">
                
function hideDIV()
                
{
                    
var objDIV = document.getElementById("hide");
                    
//alert(objDIV.style.display);
                    if("" == objDIV.style.display)
                    
{
                        document.getElementById(
"hide").style.display = "none";
                        document.getElementById(
"Btn").value = "显示";
                    }

                    
else
                    
{
                        document.getElementById(
"hide").style.display = "";
                    }

                    
                }

        
</script>
    
</head>
<body>
    
<div id="hide">
            Inventwrom
    
</div>
    
<table>
        
<tr>
            
<td><input id="Btn" type="button" value="隐藏" onclick="hideDIV()"></td>
        
</tr>
    
</table>
</body>
</html>
 
原创粉丝点击