用appendchild来创建div

insertBefore 方法 
　 
作   用
  在指定的节点前插入一个子节点。 　 
基本语法
  objDocumentNode ＝ xmlDocumentNode.insertBefore(newChild,refChild);
 　 
说   明
  newChild 是一个包含新子节点地址的对象，refChild 是参照节点的地址。新子节点被插到参照节点之前。如果refChild 参数没有包含在内，新的子节点会被插到子节点列表的末端。
 　 
范   例
 objRefNode ＝ xmlDoc.documentElement;
alert(xmlDoc.xml);
objNewNode ＝ xmlDoc.createComment("This is a comment");
xmlDoc.insertBefore(objNewNode, objRefNode);
alert(xmlDoc.xml);
 

解决方案 »

  1.   

    <!DOCTYPE html PUBliC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
    <html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN"> 
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>Untitled Document</title>
    </head>
    <body>
            <div id="a">
                    <div id="a1">1</div>
                            <div id="a2">2</div>
            </div>
                    <script type="text/javascript">
                            var newNode=document.createElement("div");
                            newNode.setAttribute("id","a3");
                            var txtNode=document.createTextNode("3");
                            newNode.appendChild(txtNode);
                            
                            document.getElementById("a").insertBefore(newNode,document.getElementById("a2"));
                            
                            alert(document.getElementById("a").innerHTML)
                    </script>
    </body>
    </html>