DIVが別のDIVの上に自動的にあります

Question

ページが読み込まれるときに別のdivの上にdivを追加するスクリプトが必要です.JavaScriptコード（usercriptの場合）の中で直接DIVのHTMLコードを編集できる必要があります。現在、divを置き換えていますが、それはちょっと混乱しています。

if (document.getElementById ('category_45')) 
{ 
    var wdiv = document.getElementById ('category_45'); 
    wdiv.innerHTML = '<div id=shoutboxfix><iframe id=reloader name=reloader scrolling=yes frameborder=0 width=1000px height=350px src=http://forums.digitalwarfare247.com/index.php?/shoutbox/index.php#category_shoutbox>'; 
    wdiv.innerHTML += '<input type="button" value="Refresh ^" onclick="parent.top.reloader.location.reload(true);" /></div>'; 
    wdiv.innerHTML += '<br />'; 
} 

私はのIDの上に新しいdiv要素を必要とするdivが 'category_45' であり、及びHTMLコーディングは役立ちます誰にも<iframe id=reloader name=reloader scrolling=yes frameborder=0 width=1000px height=350px src=http://forums.digitalwarfare247.com/index.php?/shoutbox/index.php#category_shoutbox>

おかげです。

Answer 1

JQueryを考えましたか？ http://api.jquery.com/before/

Answer 2

おそらくMootoolsですか？

myThirdElement.inject(mySecondElement, 'before'); 

ソース：http://mootools.net/docs/core/Element/Element#Element:inject