zoukankan      html  css  js  c++  java
  • javascript实现div的显示和隐藏

    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>oec2003</title>
    <script language="JavaScript" type="text/JavaScript">
    <!--
    function toggle(targetid){
        
    if (document.getElementById){
            target
    =document.getElementById(targetid);
                
    if (target.style.display=="block"){
                    target.style.display
    ="none";
                } 
    else {
                    target.style.display
    ="block";
                }
        }
    }
    -->
    </script>
    <style type="text/css">
    <!--
    #div1
    {
    background-color
    :#000000;
    height
    :400px;
    width
    :400px;
    display
    :none;
    }
    -->
    </style>
    </head>

    <body>
    <input type="button" id="butn" value="显示/隐藏" onclick="toggle('div1')" />
    <center>
    <div id="div1"></div></center>
    居中的DIV
    </body>
    </html> 
  • 相关阅读:
    vue中富文本编辑框
    vue中生成二维码
    在ABP中使用linq
    js根据年月得到当前这个月总共有多少天
    mescroll在vue中的应用
    javascript积累
    javascript常用的操作
    情侣间常犯的7个沟通问题
    欧洲旅游六大最佳目的地
    见与不见
  • 原文地址:https://www.cnblogs.com/oec2003/p/736492.html
Copyright © 2011-2022 走看看