关于元素位置交换问题

<html><body><span id=a onclick=ad()>123 </span> 
<span id=b onclick=wd()>456 </span> 
<span id=c onclick=fd()>789 </span> <input type="button" value="交換" onclick="FromTo()" />
<script type="text/javascript">

function FromTo()
{
var a = document.getElementById("a");
var c = document.getElementById("c");
var ahtml = a.innerHTML;
var chtml = c.innerHTML;
a.innerHTML = chtml;
c.innerHTML = ahtml;
}</script>
</body>

解决方案 »

  1.   


    <div id=test>
    <span id=a onclick=ad()>123 </span> 
    <span id=b onclick=wd()>456 </span> 
    <span id=c onclick=fd()>789 </span> 
    </div>
    <script language="javascript">
    <!--
    var obj=document.getElementById("test")
    var aObj=document.getElementById("a")
    var cObj=document.getElementById("c")
    var aNewObj=aObj.cloneNode(true)
    var cNewObj=cObj.cloneNode(true)
    obj.removeChild(aObj)
    obj.removeChild(cObj)
    var bObj=document.getElementById("b")
    bObj.insertBefore(cNewObj);
    obj.appendChild(aNewObj)
    //-->
    </script>
      

  2.   

    啊，终于让我找回来了，因为不常用，都忘了怎么拼写了如此更简单些。
    <html><body> 
    <span id=a onclick=aaa() a1="qqq">123 </span> 
    <span id=b onclick=bbb() b1="www">456 </span> 
    <span id=c onclick=ccc() c1="eee">789 </span> <input type="button" value="交換" onclick="swTo()" /> 
    <button onclick="alert(document.documentElement.innerHTML)">看代码</button><script type="text/javascript"> 
    function swTo(){ 
    var a = document.getElementById("a"); 
    var c = document.getElementById("c"); 
    ss=a.swapNode(c,"True")
    } 
    </script> 
    </body>
      

  3.   

    还可以更简单些<span id=a onclick=aaa() a1="qqq">123 </span> 
    <span id=b onclick=bbb() b1="www">456 </span> 
    <span id=c onclick=ccc() c1="eee">789 </span> <input type="button" value="交換" onclick="document.getElementById('a').swapNode(document.getElementById('c'))" /> 
      

  4.   

    swapNode 属于非标准方法，是 IE dhtml 滴扩展方法。
    如果是 ie 下就够用了。Web 开发常用手册JScript语言参考.rar
    http://download.csdn.net/source/308916DHTML参考手册.rar
    http://download.csdn.net/source/308913样式表中文手册.chm
    http://download.csdn.net/source/304124