ChrisYYol 2020-11-12 21:53 采纳率: 0%
浏览 63

小白求助web大神!js中style.display="none"只起效半秒钟就恢复原状

html:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" type="text/css" href="login.css">
</head>
<body>
    <div id="MITFontPosition">
        <svg width="130" viewBox="0 0 73 39" >
            <polygon class="logo-color--primary" points="52.785 8.063 72.785 8.063 72.785 0.063 52.785 0.063" style="fill: white;"></polygon>
            <polygon class="logo-color--primary" points="13.785 26.063 21.785 26.063 21.785 0.063 13.785 0.063"style="fill: white;"></polygon>
            <polygon class="logo-color--primary" points="26.785 38.063 34.785 38.063 34.785 0.063 26.785 0.063"style="fill: white;"></polygon>
            <polygon class="logo-color--primary" points="0.785 38.063 8.785 38.063 8.785 0.063 0.785 0.063"style="fill: white;"></polygon>
            <polygon class="logo-color--primary" points="52.785 38.063 60.785 38.063 60.785 13.063 52.785 13.063"style="fill: white;"></polygon>
            <polygon class="logo-color--primary" points="39.785 8.063 47.785 8.063 47.785 0.063 39.785 0.063"style="fill: white;"></polygon>
            <polygon class="logo-color--secondary" points="40 38 48 38 48 13 40 13"style="fill: white;"></polygon>
        </svg>
    </div>
    <div class="formPosition">
        <form class="form1" id="formChange">
            <div class="font">登录</div>
            <div class="input1Position">
                <input class="input1" type="text"  placeholder="用户名">
            </div>
            <div class="input2Position">
                <input class="input1" type="password" placeholder="密码">
            </div>
            <div class="button1Position">
                <button type="submit" class="button1">登录</button>
            </div>
            <div class="button2Position">
                <button class="button2" id="register">还没账号?点这里注册!</button>
            </div>
        </form>
    </div>
    <script type="text/javascript" src="login.js"></script>
</body>
</html>

js:

window.onload =function(){
    var register = document.getElementById("register")
    var formChange = document.getElementById("formChange")
    register.onclick = registerForm
}

function registerForm(){
    formChange.style.display="flex"
}

想要利用js来实现点击按钮然后让form表单消失,可是执行的时候表单才消失半秒钟就又恢复原状了...代码检查了好多遍都没发现问题,被这个问题困扰得快疯了。请诸位大神来帮帮忙呀!这个方法用在另外一个项目里面是可以正常执行的,我就怀疑是不是这个form表单的问题

  • 写回答

4条回答 默认 最新

  • ChrisYYol 2020-11-12 22:54
    关注

    修改一下,function registerForm()中的formChange.style.display="none"不是flex,这里写错了,不过依旧没法正常运行。。。

    评论

报告相同问题?

悬赏问题

  • ¥15 MATLAB动图的问题
  • ¥15 求差集那个函数有问题,有无佬可以解决
  • ¥15 【提问】基于Invest的水源涵养
  • ¥20 微信网友居然可以通过vx号找到我绑的手机号
  • ¥15 寻一个支付宝扫码远程授权登录的软件助手app
  • ¥15 解riccati方程组
  • ¥15 display:none;样式在嵌套结构中的已设置了display样式的元素上不起作用?
  • ¥15 使用rabbitMQ 消息队列作为url源进行多线程爬取时,总有几个url没有处理的问题。
  • ¥15 Ubuntu在安装序列比对软件STAR时出现报错如何解决
  • ¥50 树莓派安卓APK系统签名