CODEWITHSUNDEEP
javascript
Klam
Klam

Reputation: 143

issues inserting a div from Javascript

I'm trying to add a div with some text before another div in the document. Here's my script in a nutshell, assume init() gets called when onload page:

       <head>
            <script type="text/javascript">
                function init () {
                       var div = document.createElement('div').className = 'title';
                       div.innerHTML = 'Hello';
                       var reference = document.getElementById('content');
                       document.body.insertBefore(div, reference );            
                }
            </script>
        </head>
        <body>
            <div id="content">blah blah</div>
            <br /><br />
        </body>

I get a type mismatch error on document.body.insertBefore(div, reference), Can someone please let me know what i'm doing wrong?

Upvotes: 0

Views: 44

Answers (1)

Huangism
Huangism

Reputation: 16438

Try

function init () {
     var div = document.createElement('div');
     div.className = 'title';
     div.innerHTML = 'Hello';
     var reference = document.getElementById('content');
     document.body.insertBefore(div, reference );            
}

You were setting the div to the string title I think (never checked)

Yep here you go

http://jsfiddle.net/FxFzc/

Upvotes: 1

Related Questions