TypeError при применении значения текстового к переменному

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.

Эта ошибка указывает, что он не мог найти элемент с идентификатором «текстовое поле». Результатом этой операции getElementById является поэтому null, и вы не можете получить доступ к .value по адресу null, так как он не имеет никаких свойств.

Основная причина этого в том, что ни один элемент с идентификатором «textarea» не существует во время поиска. Либо у вас есть опечатка где-то, либо ваш скрипт работает в то время, когда элемент еще не существует (пока). Если скрипт находится в заголовке, вы хотите, чтобы написать это:

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

Это будет задерживать выполнение, пока документ не будет готов и существуют все элементы.

Answer 2

если вы используете WYSIWYG редактора как 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>