Javascript 自动将DIV置于另一DIV之上

我需要一个脚本，当页面加载时将在另一个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 />';
}

if（document.getElementById（'category_45'））
{
var wdiv=document.getElementById（'category_45'）；
wdiv.innerHTML=''；
wdiv.innerHTML+=''；
wdiv.innerHTML+='
'；
}

我需要的div上面的新div的ID是“category_45”，HTML编码是

---

感谢所有帮助您的人。

您考虑过JQuery吗

或者是Mootools

myThirdElement.inject(mySecondElement, 'before');

---

来源：

OP没有在他的问题上添加jQuery标签。假设他不使用它你不能假设OP可以使用工具箱。如果OP有这个选择，他本来可以给它加上标签的。不是每个人都能使用工具包，不是因为他不想，但也许他就是不能。我从来没有真正接触过Javascript或jQuery，我是一个极端的业余爱好者。我不知道如何将HTML编码直接放入文件中。这是一个.js文件。如果你认为自己是业余爱好者，那么我强烈建议你检查一个像jQuery这样的JavaScript框架。如果您不知道，每个浏览器都有自己的javascript语法风格。在一个浏览器中可以正常工作的内容在另一个浏览器中可能根本不起作用。像Jquery这样的框架（它本身是一个.js文件）允许您操作DOM，而不考虑您使用的浏览器。你指的是什么：“…将HTML编码直接放入文件中。”？这将帮助我了解您是如何将.js文件嵌入到网页中的。你能给出一个小的代码示例吗？使用Firefox的插件Greasemonkey。它允许用户在指定页面上加载javascript文件，我的页面是网站论坛的索引。我想在他们网站的索引上找到他们的shoutbox页面。OP没有在他的问题上标记MooTools。假设他不使用它