Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/399.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使用js使a标签消失?_Javascript_Html_Css - Fatal编程技术网

Javascript 如何使用js使a标签消失?

Javascript 如何使用js使a标签消失?,javascript,html,css,Javascript,Html,Css,我一直在看成千上万的教程,让a标签在我的登录表单中出现和重新出现,但没有一个对我有用。即使我复制并粘贴它也不会起作用。这是我的密码 <form> <input type="submit" name="btnadd" value="Login" onsubmit="hide()"> <a style="color: red;" id="notfound">User not found!</a> <

我一直在看成千上万的教程,让a标签在我的登录表单中出现和重新出现,但没有一个对我有用。即使我复制并粘贴它也不会起作用。这是我的密码

    <form>
        <input type="submit" name="btnadd" value="Login" onsubmit="hide()">
        <a style="color: red;" id="notfound">User not found!</a>
    </form>

</div>
<script>
    var hide = function() {
        var x = document.getElementById("notfound");
        if (x.style.display === "none") {
            x.style.display = "block";
        } else {
            x.style.display = "none";
        }
    }
</script>

找不到用户!
var hide=function(){
var x=document.getElementById(“notfound”);
如果(x.style.display==“无”){
x、 style.display=“block”;
}否则{
x、 style.display=“无”;
}
}

请帮助我完成这项工作。

您实际上非常接近,样式应该是:

x.style.visibility='hidden'


如果你想要的效果是完全看不见的话

事实上,您非常接近,样式应该是:

x.style.visibility='hidden'

如果你想要的效果是完全看不见的话

2个问题

  • 当表单被提交时,默认操作将重新加载当前页面,因此您需要防止这种情况发生
  • onsubmit是表单的一部分,而不是按钮
  • 下面是一个工作示例

    另外,直接在元素上使用onsubmit、onclick等并不是现代的方式,看看addEventListener可以更好地处理DOM事件

    另外,如果您运行代码段,您可能会注意到,当您再次单击按钮时,a链接会显示在下面,这是因为锚定标记是默认的内联标记,而不是块。因此,要停止此操作,可以将其更改为内联

    var hide=function(){
    var x=document.getElementById(“notfound”);
    如果(x.style.display==“无”){
    x、 style.display=“block”;
    }否则{
    x、 style.display=“无”;
    }
    返回false;
    }
    登录页面。
    找不到用户!
    
    2个问题

  • 当表单被提交时,默认操作将重新加载当前页面,因此您需要防止这种情况发生
  • onsubmit是表单的一部分,而不是按钮
  • 下面是一个工作示例

    另外,直接在元素上使用onsubmit、onclick等并不是现代的方式,看看addEventListener可以更好地处理DOM事件

    另外,如果您运行代码段,您可能会注意到,当您再次单击按钮时,a链接会显示在下面,这是因为锚定标记是默认的内联标记,而不是块。因此,要停止此操作,可以将其更改为内联

    var hide=function(){
    var x=document.getElementById(“notfound”);
    如果(x.style.display==“无”){
    x、 style.display=“block”;
    }否则{
    x、 style.display=“无”;
    }
    返回false;
    }
    登录页面。
    找不到用户!
    
    提交时无法完成。使用onClick=“myFunction();”。
    document.getElementById(“notfound”).style.visibility=“hidden”

    OnSubmit无法完成它。使用onClick=“myFunction();”。
    document.getElementById(“notfound”).style.visibility=“hidden”

    onsubmit
    将提交您的页面,尝试从隐藏函数返回false以防止提交的默认操作。
    onsubmit
    将提交您的页面,尝试从隐藏函数返回false以防止提交的默认操作。提交工作正常,但我必须在tagyeah表单中定义它。就是这样。在内部或阻止事件进一步进行。提交工作正常,但我必须在tagyeah表格中定义它。就是这样。在事件内部或阻止事件进一步进行。