<!DOCTYPE html>

<html lang=”en” xmlns=”http://www.w3.org/1999/xhtml”>
<head>
    <meta charset=”utf-8″ />
    <title></title>
    <style>
        #dv {
            width:100px;
            height:100px;
            border:1px solid red;
        }
    </style>
    <script>
        onload = function () {
            document.getElementById(\’btnShow\’).onclick = function () {
                var dv = document.getElementById(\’dv\’);
                if (this.value == \’隐藏\’) {
                    this.value = \’显示\’;
                    dv.style.display = \’none\’;

                } else {
                    this.value = \’隐藏\’;
                    dv.style.display = \’block\’;
                }
            }
        }
    </script>
</head>
<body>
    <input type=”button” name=”name” value=”隐藏” id=”btnShow”/>
    <div id=”dv”>
        123
    </div>
</body>
</html>

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