<head>
    <title></title>
    <style type=”text/css”>    
    div
    {
        display:block;
        }

    </style>

    <script type=”text/javascript”>
        onload = function () {
            //隐藏
            document.getElementById(\’btnHidde\’).onclick = function () {
                document.getElementById(\’dv\’).style.display = \’none\’;
            };
            //显示
            document.getElementById(\’btnShow\’).onclick = function () {
                document.getElementById(\’dv\’).style.display = \’block\’;
            };
            //切换
            document.getElementById(\’btn\’).onclick = function () {
                var dvObj = document.getElementById(\’dv\’);
                alert(dvObj.style.display);               
                if (dvObj.style.display == \’none\’) {
                    dvObj.style.display = \’block\’;
                } else {
                    dvObj.style.display = \’none\’;
                }
            };
        };
    </script>
</head>
<body>
    <input type=”button” name=”name” value=”显示” id=”btnShow” />
    <input type=”button” name=”name” value=”隐藏” id=”btnHidde” />
    <input type=”button” name=”name” value=”显示/隐藏” id=”btn” />
    <div id=”dv” style=” width:300px; height:200px; background-color:Green;”>
    </div>
</body>

版权声明：本文为dxmfans原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://www.cnblogs.com/dxmfans/p/9434858.html