textarea的返回值始終是空

Question

我想從一個textarea用戶輸入到我的javascript

function validateMessage() { 
 
    var message = document.getElementById("message").value; 
 
    window.alert(message); 
 
}

<label>Message:</label> 
 
<textarea rows="5" cols="50" id="message">Foo</textarea><button onclick="validateMessage()">Validate message</button>

瀏覽器控制檯不斷給我這個消息

TypeError: document.getElementById(...) is null[Learn More] contact.js:51:14

第51行是我的JavaScript中的實際行。 我已經閱讀了大多數人都說要使用.value 的解決方案，但正如你所看到的，它返回null。 我不明白爲什麼。

Answer 1

錯誤不是textarea的返回值爲空，而是getElementById爲空，意味着沒有元素的id爲message。

作爲提示，學會了解錯誤。仔細閱讀，理解每個單詞。