js调用html向前

js调用html向前
如
<body>
<script>
//这里写什么
</script><div>第二</div>
<div id='no1'>第一</div>
</body>js写什么浏览的时候
看到的是如下效果
<div id='no1'>第一</div>
<div>第二</div>

解决方案 »

  1.   

    <body>
    <script>
    //这里写什么
    window.onload=function(){
    var no1 = document.getElementById("no1");
    var no2 = document.getElementById("no2");
    var strHtml = no1.innerHTML;
    no1.innerHTML =no2.innerHTML;
    no2.innerHTML = strHtml ;
    };
    </script><div>第二</div>
    <div id='no1'>第一</div>
    </body>js写什么浏览的时候
    看到的是如下效果
    <div id='no1'>第一</div>
    <div id='no2'>第二</div>
      

  2.   

    var sdiv=document.getElementById("no1");
    var body=document.getElementByTagName("body")[0];
    body.insertBefore(sdiv,body.childNodes[0]);