issues inserting a div from Javascript

Question

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?

Your assignment of div will leave the value of that variable as the string "title". — Pointy
– Pointy, Commented Mar 28, 2013 at 20:17

Huangism · Accepted Answer · 2013-03-28 20:16:38Z

1

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/

answered Mar 28, 2013 at 20:16

Huangism

16.5k7 gold badges51 silver badges75 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

issues inserting a div from Javascript

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related