TypeError lors de l'application de la valeur d'une zone de texte à une variable

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.

Cette erreur indique qu'il n'a pas pu trouver un élément avec l'id "textarea". Le résultat de cette opération getElementById est donc null et vous ne pouvez pas accéder à .value sur null car il n'a aucune propriété.

La cause première de ceci est qu'aucun élément avec l'identifiant "textarea" n'existe au moment de la recherche. Soit vous avez une faute de frappe quelque part, soit votre script s'exécute à un moment où l'élément n'existe pas (encore). Si votre script est dans l'en-tête, vous aurez envie de l'écrire comme ceci:

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

Cela va retarder l'exécution jusqu'à ce que le document est prêt et tous les éléments existent.

Answer 2

si vous utilisez éditeur wysiwyg comme tinymce ou bien. document.getElementById ("textarea"). Value; ne fonctionnera pas ils ont leur propre méthode pour obtenir des données.

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