微信扫一扫看面试题

关注面试题库

js布尔值的 取反点击开-关

图片压缩

百亿站点

   <style>
            p{
                width: 100px;
                height: 100px;
                display: none;
                background: red;
            }
            </style>
    <body>
        <input type="button" value="提交" id="tj">
        <p id="p"></p>
    </body>
    <script>
        var btn = document.getElementById("tj");
        var t = true;
        btn.onclick = function dian() {
            var p = document.getElementById("p");
            if (t) {
                p.style.display = "block";
            } else {
                p.style.display = "none";
            }
            t = !t;
        }
    
    </script>

在小程序中查看效果

在这里插入图片描述

posted @ 2022-07-23 10:04  web前端面试小助手  阅读(332)  评论(0)    收藏  举报