测试通过
<HTML>
<HEAD>
<title>WebForm3</title>
<meta name="GENERATOR" Content="Microsoft Visual Studio .NET 7.1">
<meta name="CODE_LANGUAGE" Content="C#">
<meta name="vs_defaultClientScript" content="JavaScript">
<meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5">
<script language="javascript">
function Insert()
{
var oElement = document.createElement("DIV");
oElement.innerText = "cccc";
document.getElementById("div1").appendChild(oElement);
}
</script>
</HEAD>
<body MS_POSITIONING="GridLayout">
<form id="Form1" method="post" runat="server">
<DIV id="div1">ssss</DIV>
<div id="div2">dddd</div>
<input type=button onclick="Insert()">
</form>
</body>
</HTML>

解决方案 »

  1.   

    ls  不是这中
    题目没说清楚  重新说一下
    <div id="all"> 
    <div id="a1"> </div> 
    <div id="a2"> </div> 
    <div id="a3"> </div> 
    <div id="a4"> </div> 
    </div> 添加一个 div  在最前面   
    就变成
    <div id="all"> 
    <div id="new"></div>
    <div id="a1"> </div> 
    <div id="a2"> </div> 
    <div id="a3"> </div> 
    <div id="a4"> </div> 
    </div> 添加一个div在 a1  a2 之间
    <div id="all"> 
    <div id="a1"> </div> 
    <div id="new"></div>
    <div id="a2"> </div> 
    <div id="a3"> </div> 
    <div id="a4"> </div> 
    </div> 
      

  2.   


    <div id="all"> 
    <div id="a1"> </div> 
    <div id="a2"> </div> 
    <div id="a3"> </div> 
    <div id="a4"> </div> 
    </div> 
    <INPUT TYPE="button" VALUE="a1前" ONCLICK="add('a1')">
    <INPUT TYPE="button" VALUE="a2前" ONCLICK="add('a2')">
    <SCRIPT LANGUAGE="JavaScript">
    function add(id)
    {
    var div = document.createElement("div");
    document.getElementById("all").insertBefore(div,document.getElementById(id));
    alert(document.body.innerHTML)
    }
    </SCRIPT>楼主很爱学习的啊
      

  3.   

    insertAdjacentHTML和insertAdjacentText 
    insertAdjacentHTML方法:在指定的地方插入html标签语句 原型:insertAdajcentHTML(swhere,stext) 参数: swhere: 指定插入html标签语句的地方,有四种值可用: 1.    beforeBegin: 插入到标签开始前 2.    afterBegin:插入到标签开始标记之后 3.    beforeEnd:插入到标签结束标记前 4.    afterEnd:插入到标签结束标记后