DIV自動高於另一個DIV

Question

我需要一個腳本，該腳本將在頁面加載時在另一個div上方添加一個div，並且我需要能夠直接在Javascript代碼（對於用戶腳本）內部編輯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 />';
}

的div我需要上面的ID的新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