解决办法有两个:
1.将头部那个div的display设为none,然后调用js将其设为block。
2.通过js动态创建一个div并且将这div放在最前面。这就得多加几句话了,如下：
查看代码打印
<script language="javascript" type="text/javascript">
var divObj=document.createElement("div");
divObj.innerHTML="hi，欢迎访问 www.szhulian.com php 程序员教程网！";
var first=document.body.firstChild; //得到第一个元素
document.body.insertBefore(divObj,first); //在第原来的第一个元素之前插入
</script>
下面分享一下如何在FireFox中动态创建html元素（利用createElement）
我们先来看看如下代码（这段代码是有问题的）：
查看代码打印
<script type="text/javascript">
function add(){
var input=document.createElement("<input size=30 type=\"text\" name=\"extrachildren[]\">")
var br=document.createElement("<br>");
var br2=document.createElement("<br>");
document.getElementById("children").insertBefore(br);
document.getElementById("children").insertBefore(br2);
document.getElementById("children").insertBefore(input);
</script>
上面代码在IE中是可行的，但在FireFox中是不工作的。要想在FireFox中起作用必须换成如下代码：
查看代码打印
<script type="text/javascript">
function add(){
var input=document.createElement('input');
input.setAttribute('size','30');
input.setAttribute('type','text');
input.setAttribute('name','extrachildren[]');
var parent=document.getElementById('children');
parent.insertBefore(document.createElement('br'),null);
parent.insertBefore(document.createElement('br'),null);
parent.insertBefore(input,null);
}
</script>
本文均为荣益互联摘自权威资料，书籍，文章，或来自网络，如有版权纠纷或违规问题，请联系我们删除。我们欢迎您的分享，谢绝直接抄袭复制。感谢…
