document.getElementById().nodeValue 返回 null

编程问答 2022-11-22

问题描述

我已经被困了几个小时试图弄清楚为什么节点值属性总是返回 null。 这是我在控制台输出中得到的：https://gyazo.com/9043bddf540e32f2c28135279b957ec0

请注意，我对 Web 开发还很陌生，我有 Java 背景，所以我最近开始接触 JavaScript。

const submit = document.getElementById('submit');

submit.addEventListener("click",(e) => {
  e.preventDefault();
  console.log("Form data submitted!");
  checkInputs();
});

function checkInputs() {
  const username = document.getElementById('username');
  const password = document.getElementById('password');
  console.log("Username: " + username.nodeValue);
  console.log("Password: " + password.nodeValue);
}
<video autoplay muted loop id="background-video">
            <source src="videos/background.mp4" alt="Background Video"/>
        </video>
<div class="container">
  <div class="login-Box">
    <p>Login</p>
    <div class="form">
      <form id="form-input">
        <input type="text" id="username" name="Username" placeholder="Username" />
        <br/>
        <br/>
        <input type="text" id="password" name="Password" placeholder="Password" />
        <br/>
        <br/>
        <br/>
        <br/>
        <button id="submit">Login</button>
      </form>
    </div>
  </div>
</div>

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

htmljavascriptnullnullnull