Question

Using this code

var html='<div class="somediv"></div>';
var target=document.getElementById('contentArea');
target.appendChild(html);

I’m getting

Uncaught Error: NOT_FOUND_ERR: DOM Exception 8
Uncaught TypeError: Cannot call method 'appendChild' of null

Any suggestion?

Answer 1

In doing DOM operations, before you get a hold of an element, make sure those elements are loaded already. putting the script to the bottom, just before the </body> tag should do

//all other HTML up here

    <script>
        var html=document.createElement('div');
        html.className = 'somediv';
        var target=document.getElementById('contentArea');
        target.appendChild(html);
    </script>

</body>

or you can run scripts using window.onload

The load event fires at the end of the document loading process. At this point, all of the objects in the document are in the DOM, and all the images and sub-frames have finished loading.

window.onload = function() {  
    var html=document.createElement('div');
    html.className = 'somediv';
    var target=document.getElementById('contentArea');
    target.appendChild(html); 
}