類型錯誤時，一個textarea的值給一個變量

Question

的JavaScript

var textarea = document.getElementById("textarea").value; 

HTML

<textarea id="textarea" cols="100" rows="10">du hello!</textarea> 

Answer 1

TypeError: Result of expression 'document.getElementById("textarea")' [null] is not an object.

此錯誤指出它無法找到ID爲「文本區域」的元素。此getElementById操作的結果因此是null，並且您不能在null上訪問.value，因爲它沒有任何屬性。

這樣做的根本原因在於，搜索時不存在具有id「textarea」的元素。要麼你在某個地方出現錯字，要麼你的腳本在元素不存在的時候運行（還）。如果你的腳本是在標題，你會想它這樣寫：

document.ready = function() { 
    ... script here ... 
} 

，直到該文件已準備就緒，所有的元素存在，這將延緩執行。

Answer 2

如果您正在使用所見即所得的編輯器像TinyMCE的否則後果不堪設想。 document.getElementById（「textarea」）。value;將無法工作，他們有自己的方法來獲取數據。

<script type="text/javascript"> 
    function test(name){ 
    var textarea = document.getElementById("textarea").value; 
    alert(textarea) 
    } 
</script> 

<textarea id="textarea" cols="100" rows="10">du hello!</textarea> 
<a href="javascript:void(0)" onclick="javascript:test('this is just testing')">Test TextArea</a>