javascript 动态插入标签问题

在这段代码中，每点击button一下，就新添加一段更长的字符.但问题是，由于使用appendChild()新加的<P>标签必然出现在最后一句.我的问题是，如何把新加的<P>标签放在网页的前面(即，越新的越靠前显示)。 查了下DHTML帮助，似乎没有appendChild()类似方法了，那该如何实现呢？
<body><input type="button" value="add a P" onclick="addP()">
</body><script type="text/javascript">
var str = "aaabbbccc"

function addP() {
var p = document.createElement("P");
str += "ddd";
p.innerText = str;
document.body.appendChild(p);
}


</script>

解决方案 »

  1.   

    可以用操作TABLE代替
    代码如下:
    JS:function AddHead()
    {
    var oRow = document.getElementById("tab").rows[0];
    var oCell = oRow.insertCell(0);
    oCell.innerText = "Head";
    }
    HTML:
    <BODY id="body1" MS_POSITIONING="GridLayout">
    <FORM id="Form1" runat="server">
    <INPUT onclick="AddHead()" type="button" value="Button">
    <TABLE id="tab" cellSpacing="1" cellPadding="1" width="100%" border="1">
    <TR>
    <TD><FONT face="宋体">xxxx</FONT></TD>
    <TD><FONT face="宋体">cc</FONT></TD>
    <TD><FONT face="宋体">cc</FONT></TD>
    </TR>
    </TABLE>
    </FORM>
    </BODY>
      

  2.   

    document.body.appendChild(p);
    改为:
    document.body.insertBefore(p,document.body.firstChild);
      

  3.   

    你可以把P放进一个DIV中
    divobj.appendChild(p);
    这样就行了
      

  4.   

    document.body.insertBefore(p,document.body.firstChild);