Javascript Get Element by Id and set the value

Question

If myFunc(variable) is executed before textarea is rendered to page, you will get the null exception error.

<html>
    <head>
    <title>index</title>
    <script type="text/javascript">
        function myFunc(variable){
            var s = document.getElementById(variable);
            s.value = "new value";
        }   
        myFunc("id1");
    </script>
    </head>
    <body>
        <textarea id="id1"></textarea>
    </body>
</html>
//Error message: Cannot set property 'value' of null

So, make sure your textarea does exist in the page, and then call myFunc, you can use window.onload or $(document).ready function.
Hope it’s helpful.

Leave a Comment Cancel reply