请教：用两个DIV位置关系是平等的。现在请教怎么实现显示后的效果是将其它一个DIV插入到另一个DIV中。

<div id="main"> <div id="s1">s1 </div> <div id="s2">s2</div> </div> 
相实现加了JS语句的显示的效果是 
<script>
document.getElementById("s1").innerHTML="<div id='s2'>s2</div>"
var obj=document.getElementById("main").childNodes[1];
document.getElementById("main").removeChild(obj);
</script>

解决方案 »

  1.   


    <SCRIPT LANGUAGE="JavaScript">
    function move()
    {
    var div1 = document.getElementById("1");
    var div2 = document.getElementById("2");
    div1.appendChild(div2);
    alert(document.body.innerHTML)
    }
    </SCRIPT>
    <body>
    <div id="main"> <div id="1">1</div> <div id="2">2</div> </div>
    <input type="button" onclick="move();this.disabled=true" value="move">
    </body>
      

  2.   


    <SCRIPT LANGUAGE="JavaScript">
    function move()
    {
        var div1 = document.getElementById("1");
        var div2 = document.getElementById("2");
        div1.appendChild(div2);
        alert(document.body.innerHTML)
    }
    </SCRIPT>
    <body>
    <div id="main"> <div id="1">1</div> <div id="2">2</div> </div>
    <input type="button" onclick="move();this.disabled=true" value="move">
    </body>
    请教兄台假设div1中有其它对象。怎么让div2排在第一的位置。div1的其它对象往后排叫。。
      

  3.   


    <SCRIPT LANGUAGE="JavaScript">
    function move()
    {
    var div1 = document.getElementById("1");
    var div2 = document.getElementById("2");
    if(div1.childNodes.length>0)
    div1.insertBefore(div2,div1.childNodes[0]);
    else
    div1.appendChild(div2);
    alert(document.body.innerHTML)
    }
    </SCRIPT>
    <body>
    <div id="main"> <div id="1">1</div> <div id="2">2</div> </div>
    <input type="button" onclick="move();this.disabled=true" value="move">
    </body>