將文本區域的值應用於變量時發生TypeError

Question

JavaScript的

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

HTML

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

Answer 1

TypeError：表達式'document.getElementById("textarea")' [null]不是對象。

此錯誤表明它找不到ID為“ textarea”的元素。 因此，此getElementById操作的結果為null ，並且您無法訪問null .value ，因為它沒有任何屬性。

根本原因是在搜索時不存在id為“ textarea”的元素。 您可能在某個地方輸入錯誤，或者腳本在元素不存在時運行（尚未）。 如果腳本位於標頭中，則需要這樣編寫：

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

這將延遲執行，直到文檔准備就緒並且所有元素都存在。

Answer 2

如果您使用的是諸如tinymce之類的所見即所得編輯器 ，否則。 。的document.getElementById（ “文字區域”）值; 他們有自己的方法來獲取數據將無法正常工作。

<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>