js简单排序
2024-10-09 05:13:46
简单的排序功能
HTML代码:
<body>
<input id="btn1" type="button" value="排序"/>
<table id="tab1" border="1" width="500">
<thead>
<td>ID</td>
<td>姓名</td>
<td>年龄</td>
<td>操作</td>
</thead
<tbody>
<tr>
<td>4</td>
<td>张三</td>
<td>25</td>
<td></td>
</tr>
<tr>
<td>2</td>
<td>李四</td>
<td>26</td>
<td>删除</td>
</tr>
<tr>
<td>5</td>
<td>王四</td>
<td>30</td>
<td></td>
</tr>
<tr>
<td>1</td>
<td>刘三</td>
<td>20</td>
<td></td>
</tr>
<tr>
<td>31</td>
<td>赵六</td>
<td>26</td>
<td></td>
</tr>
<tr>
<td>68</td>
<td>赵六</td>
<td>26</td>
<td></td>
</tr>
<tr>
<td>32</td>
<td>赵六</td>
<td>26</td>
<td></td>
</tr>
<tr>
<td>75</td>
<td>赵六</td>
<td>26</td>
<td></td>
</tr>
<tr>
<td>45</td>
<td>赵六</td>
<td>26</td>
<td></td>
</tr>
<tr>
<td>63</td>
<td>赵六</td>
<td>26</td>
<td></td>
</tr>
<tr>
<td>89</td>
<td>赵六</td>
<td>26</td>
<td></td>
</tr>
<tr>
<td>52</td>
<td>赵六</td>
<td>26</td>
<td></td>
</tr>
</tbody>
</table>
</body>
js代码
<script>
window.onload=function()
{
var oTab=document.getElementById('tab1');
var oBtn=document.getElementById('btn1'); oBtn.onclick=function()
{
var arr=[]; for(var i=0;i<oTab.tBodies[0].rows.length;i++)
{
arr[i]=oTab.tBodies[0].rows[i];
}
arr.sort(function(tr1,tr2){
var n1=parseInt(tr1.cells[0].innerHTML);
var n2=parseInt(tr2.cells[0].innerHTML); return n1-n2;
})
for(var i=0;i<arr.length;i++)
{
oTab.tBodies[0].appendChild(arr[i]);
}
};
};
</script>
运行以上代码 之前的效果图
运行后的效果
最新文章
- django(一)
- SikuliX简介及安装
- java回调初步学习
- python发邮件
- CoreAnimation动画(CALayer动画)
- 第一个WP8程序,照相机
- AVL树的左旋右旋理解 (转)
- SUSElinux的pam模块中$ISA变量的作用
- Vue事件处理
- 出现Unreachable code问题的原因
- Python测试开发之---string
- 天气类App原型制作分享-ColorfulClouds
- Springboot添加filter方法
- postman(十一):添加cookie
- 记一次生产mysql数据误操作恢复过程
- OpenCv的CV2一些函数总结
- Python开发——数据结构【深浅拷贝】
- Open Live writer 远程博客管理客户端
- kali linux修改更新源及更新
- 怎样解决Please ensure that adb is correctly located at......
热门文章
- 如何让网页打开就运行JS代码,不用onclick
- Markdown 学习笔记: Basics
- hdu 2438Turn the corner 三分
- 图文-水平垂直居中兼容ie6+
- 命运(HDU 2571 简单动态规划)
- 免费馅饼(HDU 1176 DP)
- MVC请求过程 简单分析(一)
- [Codeforces Round #192 (Div. 2)] D. Biridian Forest
- Ubuntu apache 禁止目录浏览
- 【转】gcc warning: braces around scalar initializer (标量初始化的括号)