JS中appendChild(Node)方法 追加or移动

• 这个方法一般是在指定元素节点的最后一个子节点之后添加节点，但如果Node是页面中的DOM对象，那么就不是添加节点了，就是直接移动节点。
• 下面是一个实例：
• `

<title>表格排序</title>
<style>
        table{
            margin:0 auto;
            width:400px;
            border-collapse:collapse;
            border:1px solid black;
        }
        caption{
            text-align:left;
        }
        td,th{
            border:1px solid black;
        }
    </style>
    <script>
                var st = function(){
                    var tb = document.getElementsByTagName("table")[0];
                    var trs = tb.tBodies[0].rows;
                    var arr = [];
                    for(var i=1;i<trs.length;i++){
                            arr.push(trs[i]);
                    }
                    arr.sort(function(a,b){
                            var ida = a.cells[0].innerHTML * 1;
                            var idb = b.cells[0].innerHTML * 1;
                            if(ida > idb) return  1;
                            else if(ida < idb) return -1;
                            else return 0;
                            

                    });
                    console.log(tb.tBodies[0])
                    console.log(arr)
                    tb.tBodies[0].appendChild(arr[0]);
                    /*for(var i =0;i<arr.length;i++){
                        tb.tBodies[0].appendChild(arr[i]);
                    }*/
                };
                st();
    </script>

ID	姓名	年龄
4	张三	17
1	吕一	19
2	王二	18
3	李武	16

`