打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
JS 无刷新排序
<html>
<head>
<script>
function order()
{
var it=event.srcElement;
var table=it;
var i,j,k;
var t1,t2;
if(it.tagName=="TH"){
    i=it.cellIndex;
    it.title=it.title=="asc"?"desc":"asc";
    while(table.tagName!="TABLE")table=table.parentElement;
    if(table.rows.length<3)return true;
    for(j=1;j<table.rows.length;j++){
        for(k=j+1;k<table.rows.length;k++){
            if(it.title=="asc"?parseFloat(table.rows[k].cells[i].innerText)<parseFloat(table.rows[j].cells[i].innerText):parseFloat(table.rows[k].cells[i].innerText)>parseFloat(table.rows[j].cells[i].innerText))
            table.rows[j].swapNode(table.rows[k]);
        }
    }
}
}
</script>
</head>
<body>
<table border="1">
<thead onclick="order()" style="cursor:hand;">
<th>Item 1</th><th>Item 2</th><th>Item 3</th><th>Item 4</th>
</thead>
<tr><td>12.3</td><td>423</td><td>86.83</td><td>1.213</td></tr>
<tr><td>2</td><td>434</td><td>5.334</td><td>.234</td></tr>
<tr><td>33</td><td>43</td><td>5.223</td><td>8.73</td></tr>
<tr><td>21.3</td><td>234</td><td>52.34</td><td>.666</td></tr>
<tr><td>33.4</td><td>59</td><td>67.2</td><td>.426</td></tr>
</table>
</body>
</html>
本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
javascript 取table中内容
如何通过js获取表单对象?
js循环table获取input里的属性值
JS获取table表格任意单元格值
Javascript实现把网页中table的内容导入到excel中的几种方法__摘录 - zgqynx - JavaEye技术网站
如何做到不刷新整个页面更新表格
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服