js div的显示和隐藏

<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" value="显示" />
    <input type="button" value="隐藏" />
    <input type="button" value="显示/隐藏" />
    <div>
    </div>
</body>

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/zzsszj.html