从Javascript插入div的问题

时间:2013-03-28 20:13:05

标签: javascript

我正在尝试在文档中的另一个div之前添加一个带有一些文本的div。 简而言之,这是我的脚本,假设在onload页面上调用init():

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

我在document.body.insertBefore(div,reference)上遇到类型不匹配错误,有人可以让我知道我做错了吗?

1 个答案:

答案 0 :(得分:1)

尝试

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

您将div设置为我认为的字符串标题(从未检查过)

你在这里

http://jsfiddle.net/FxFzc/