Button控制div显示和隐藏

最新推荐文章于 2022-07-31 13:44:34 发布

秋天的叶子纷飞

最新推荐文章于 2022-07-31 13:44:34 发布

阅读量1k

点赞数

分类专栏： Div显示和隐藏总结文章标签： Button Div JavaScript Div显示和隐藏

本文链接：https://blog.csdn.net/yezi_2111/article/details/9226729

版权

总结同时被 2 个专栏收录

3 篇文章 0 订阅

订阅专栏

Div显示和隐藏

1 篇文章 0 订阅

订阅专栏

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
 <html lang="en">
 <head>
     <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
     <title></title>
     <script type="text/javascript">
         var _btn ;//记录上次点击的按钮
         function showAndHiddiv(obj,divid)
         {
             var key = obj.value;
             var divobj = document.getElementById(divid);
             if(key == _btn||typeof(_btn) =="undefined")
             {
                 divobj.style.display=divobj.style.display==""?"none":"";
             }else{
                 divobj.style.display="";
             }
             _btn = key; 
         }
     </script>
 </head>
 <body>
     <div id="test" style="display:none;">Hello,World!</div>
     <input type="button" value="chickMe" οnclick="showAndHiddiv(this,'test')">
 </body>
 </html>

秋天的叶子纷飞

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
Button控制div显示和隐藏

var _btn ;//记录上次点击的按钮 function showAndHiddiv(obj,divid) { var key = obj.value; var divobj = document.getElementById(divid); if(key == _btn||typ
复制链接

扫一扫