对table根据某个属性值进行排序

问题：给定一个table如下，点击按钮根据年龄对表进行排序；

<table border="" cellspacing="" cellpadding="">
    <tr><th>姓名</th><th>年龄</th></tr>
    <tr><td>a</td><td>2</td></tr>
    <tr><td>b</td><td>4</td></tr>
    <tr><td>c</td><td>5</td></tr>
    <tr><td>d</td><td>1</td></tr>
    <tr><td>e</td><td>3</td></tr>
</table>
 9 <input type="button" value = "sort"/>

思路：

1.将dom中的tr放到数组中；

2.利用数组的sort方法排序；

3.排序完毕后用重绘页面；

 

代码如下：

var btn = document.getElementsByTagName("input")[0];
var trs = document.getElementsByTagName("tr");
var arr = [];
for(var i = 1;i<trs.length;i++){
    arr.push(trs[i]);
}
btn.onclick = function(){
    arr.sort(function(x,y){
        return x.getElementsByTagName("td")[1].innerHTML-y.getElementsByTagName("td")[1].innerHTML
    }).forEach(function(i){
        document.getElementsByTagName("table")[0].appendChild(i);
    })
    
}