如何修复未捕获的类型错误:无法读取 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