Javascript 未捕获类型错误：无法读取属性'；增补列表器'；_Javascript_Html_Typeerror

Javascript 未捕获类型错误：无法读取属性'；增补列表器'；

javascript html

Javascript 未捕获类型错误：无法读取属性'；增补列表器'；,javascript,html,typeerror,Javascript,Html,Typeerror,我不知道为什么这不起作用。我在so上看到过类似的问题，但它们无法解决问题这就是HTML代码 <html> <head> <meta charset="utf-8" /> <title>Java Script 2</title> </head> <body> <div id="loginForm"> <form na

我不知道为什么这不起作用。我在so上看到过类似的问题，但它们无法解决问题

这就是HTML代码

<html>
    <head>
        <meta charset="utf-8" />
        <title>Java Script 2</title>
    </head>
    <body>
    <div id="loginForm">
        <form name="userLogin">
        <input type="text" name="userName" />
        <input type="password" name="userPass" />
        <input type="button" name="login" value="Login" />
        </div>
        <script src = "question_2.js"></script>
        </form>
    </div>
    </body>
</html>

我必须使页面在与设置的登录名和密码匹配时从中删除登录，以删除表单并显示欢迎消息。当我打开页面并进入控制台时，我得到以下错误

未捕获的TypeError:无法读取的属性“addEventListener” nullquestion_2.js:4（匿名函数）

它以我为按钮设置的操作侦听器为目标，但我不知道如何解决此问题。

您没有ID为“login”的元素

您没有id为“login”的元素。这就是为什么submit是空的

您应该提供以下输入：

<input type="button" name="login" value="Login" />

我假设您希望对照实际值检查“submit”：null，而不是字符串“null”。您应将您的if声明写如下：

if(submit!==null)

通过这种方式，您可以针对null对象检查submit，并执行类型安全操作，这意味着如果sumbit不是null，但由于某些奇怪的原因未定义，您仍然可以执行正确的检查。如果这对您来说是新的，请阅读undefined vs.null。

嗯，您没有id为“login”的元素。这就是为什么submit是空的

您应该提供以下输入：

<input type="button" name="login" value="Login" />

我假设您希望对照实际值检查“submit”：null，而不是字符串“null”。您应将您的if声明写如下：

if(submit!==null)

只需将defer添加到脚本src at.html中即可

只需将defer添加到脚本src at.html中，就像

从上面的HTML代码中，您没有定义所引用的ID。您在这一行

var submit=document.getElementById（“login”）中引用了ID（login
）
而HTML
中唯一的Id
是“loginform”。
您可以更正该行，或者只需将“login”
Id添加到所需的HTML
属性中，它肯定会根据需要工作。从上面的HTML代码中，您没有定义所引用的Id。
您在这一行var submit=document.getElementById（“login”）中引用了ID（login
）
而HTML
中唯一的Id
是“loginform”。
您可以更正该行，或者只需将“login”
Id添加到所需的HTML
属性中，它肯定会根据需要工作。
HTML中没有Id为“login”的元素，因此.getElementById（）
将返回null
。查找具有匹配项而不是按名称的元素。HTML中没有id为“login”的元素，因此.getElementById（）
返回null
。查找具有匹配项的元素，而不是通过名称。虽然此代码可能会回答此问题，但提供有关此代码为什么和/或如何回答此问题的其他上下文可提高其长期价值。虽然此代码可能会回答此问题，提供关于此代码为什么和/或如何回答此问题的附加上下文可提高其长期价值。
if(submit!==null)