我是一個該死的初學者，所以請不要評判我，好嗎？所以我用這個文本欄位做了一個網站：
Text: <input type="text" name="text" value="" id="input1"/>
我做了一個按鈕，用于獲取文本欄位的輸入：
<input type="submit" onclick=getinput>
這是 getinput() 函式：
<script>
function getinput(){
const val = document.querySelector('input1').value;
console.log(val);
console.log("No error in function implement.");
}
</script>
但我產生了以下錯誤：
VM195:3 Uncaught TypeError: Cannot read properties of null (reading 'value')
at <anonymous>:3:45
我不知道這個錯誤是什么意思，以及如何解決它，有人可以幫助我嗎？
uj5u.com熱心網友回復：
問題出在選擇器上。要使用 document.querySelector 選擇一個 id，您必須在它前面加上一個井號標簽。像：
function getinput(){
const val = document.querySelector('#input1').value;
console.log(val);
console.log("No error in function implement.");
}
或者，您可以使用 document.getElementById。例如：
function getinput(){
const val = document.getElementById('input1').value;
console.log(val);
console.log("No error in function implement.");
}
此外，在提交按鈕中，您必須將屬性值用雙引號引起來。你必須這樣寫：
<input type="submit" onclick="getinput()">
而不是這個：
<input type="submit" onclick=getinput>
uj5u.com熱心網友回復：
您的代碼中有一些小錯誤/錯誤。我重構它。
1.) querySelector 錯誤。對于 Id，請使用“#selectorName”。
2.)onclick="getinput()"改為onclick=getinput
function getinput(){
const val = document.querySelector('#input1').value;
console.log(val);
console.log("No error in function implement.");
}<input type="text" name="text" value="" id="input1"/>
<input type="submit" onclick="getinput()">轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/468387.html
標籤：javascript html