关于表格排序的问题

<table border=1 width=200>
    <tr onclick="moveToFirst(this);"><td>0</td></tr>
    <tr onclick="moveToFirst(this);"><td>1</td></tr>
    <tr onclick="moveToFirst(this);"><td>2</td></tr>
    <tr onclick="moveToFirst(this);"><td>3</td></tr>
    <tr onclick="moveToFirst(this);"><td>4</td></tr>
    <tr onclick="moveToFirst(this);"><td>5</td></tr>
    <tr onclick="moveToFirst(this);"><td>6</td></tr>
</table>
<script>
function moveToFirst(tr){
var tb = tr.parentElement.parentElement;
tb.moveRow(tr.rowIndex, 0);
}
</script>

解决方案 »

  1.   

    谢谢laochake(老茶客) ，功能已经实现了，但我不想用moveToFirst(this)，我希望用moveToFirst(行的名称)，可是<tr>好象没有name或id属性，请问该怎么办？
      

  2.   

    <body>
    <table id="table" border="1">
    <tr><td>No.1</td></tr>
    <tr><td>No.2</td></tr>
    <tr><td>No.3</td></tr>
    <tr><td>No.4</td></tr>
    </table>
    <script type="text/javascript">
    var obj=document.getElementById("table").firstChild;
    obj.onclick=function()
    {
    var currentTR=event.srcElement.parentNode;
    if(currentTR&&currentTR.tagName=="TR")
    {
    var temp=currentTR.cloneNode(true);
    currentTR.removeNode(true);
    obj.insertBefore(temp,obj.firstChild);
    }
    }
    </script>
    </body>
      

  3.   

    function moveToFirst1(tr){
    alert(tr);
    alert(document.getElementById(tr).parentElement.parentElement);
    //var tb = tr.parentElement.parentElement;
    var tb =document.getElementById(tr).parentElement.parentElement
    //tb.moveRow(tr.rowIndex, 0);
    tb.moveRow(document.getElementById(tr).rowIndex, 0);
    }<table border=1 width=200>
        <tr onclick="moveToFirst1(this.id);" id="a11"><td>0</td></tr>
        <tr onclick="moveToFirst1(this.id);" id="a22"><td>1</td></tr>
        <tr onclick="moveToFirst1(this.id);" id="a33"><td>2</td></tr>
    </table>
      

  4.   

    都试过了，在FF下都不支持，有没有兼容IE和FF的？