测试通过
<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>
<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>
题目没说清楚 重新说一下
<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>
<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>楼主很爱学习的啊
insertAdjacentHTML方法:在指定的地方插入html标签语句 原型:insertAdajcentHTML(swhere,stext) 参数: swhere: 指定插入html标签语句的地方,有四种值可用: 1. beforeBegin: 插入到标签开始前 2. afterBegin:插入到标签开始标记之后 3. beforeEnd:插入到标签结束标记前 4. afterEnd:插入到标签结束标记后