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

于 2007-12-15 14:19:00 发布
阅读量477 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： Javascript 文章标签： javascript table html button function div
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/inventworm/article/details/1938257
本文介绍了一种利用JavaScript实现HTML页面上DIV元素显示与隐藏的方法。通过简单的代码示例展示了如何根据按钮点击事件来切换指定DIV元素的可见状态。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

<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>
 
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值