建站教学网,让你建站更便捷和轻松!
您当前的位置:首页 > 网页制作 > Javascript/Ajax

当单击按钮时 显示搜索框,当再次单击按钮时隐藏搜索框,默认在页面搜索框是隐藏的

来源:  时间:2017-05-22 10:16:55

 <script>

function change() {
            var divDisp = document.getElementById("search").style.display;
            if (divDisp == "block") {
                document.getElementById("search").style.display = "none";
            else {
                document.getElementById("search").style.display = "block";
            }
        }
 
 
</script>
 
 
<body>
<input id="btnChange" type="button" onclick="change();" value="点我改变"/>
 
<div id="search" style="display:none">
<input id="searchText" type="text" />
</div>
</body>

责任编辑:

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表
CopyRight 2008-2009, JZREAD.COM, Inc. All Rights Reserved
皖ICP备09015033号