开发者问题收集

如何修复未捕获的类型错误:无法读取 null 的属性“Value”

2021-07-23
3292

我试图修复错误,但它仍然说 Uncaught TypeError: 无法在控制台中读取 null 的属性“Value”,这里是 html 和 js

function generateCV() {
    // console.log("hello");

    let nameField = document.getElementById("nameField").Value;
    let nameT1 =document.getElementById("nameT1");

    nameT1.innerHTML=nameField;

    //direct

    document.getElementById('nameT2').innerHTML=nameField
}
<div>
      
      <div class="form-group">
            <label for="nameField1" >Your Name</label>
            <input type="text" id="nameField"  class="form-control"
            placeholder="Enter here here">
          </div>
      <div class="container text-center mt-3">
              <button onclick="generateCV()" 
              class="btn btn-primary btn-lg">Generate cv</button>
      </div>
  </div>

<div class="container">
            <p id="nameT1">Robin</p>
</div>
3个回答

value 应为小写。这就是当您获取 nameField 节点值的文档时获得未定义结果的原因。for nameField.

let nameField = document.getElementById("nameField").value;
Ritik Singh
2021-07-23
<input type="text" id="nameField"  class="form-control"
        placeholder="Enter here here">

您缺少一个引号。

Chris Holden
2021-07-23

我认为你想要这个

let nameField = document.getElementById("nameField")?.value;

并在搜索 document.getElementById 中添加好的 id,因为你的 html 没有你搜索的 id,所以它返回 null,而你检查 null 的值,所以它崩溃了 另外...使用小写值 ;)

Thibaud
2021-07-23