ドキュメント内の別の div の前に、テキストを含む div を追加しようとしています。これが私のスクリプトです。ページのロード時に 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)で型の不一致エラーが発生しました。何が間違っているのか教えてもらえますか?