利用原生JS实现表格正反排序

来源:互联网 发布:电脑编程入门自学黑客 编辑:程序博客网 时间:2024/05/17 02:24

利用原生JS实现表格正反排序

   大概也有两个月左右没有更新了,现在趁有些空闲写一遍基本的原生JS实现表格正反排序,现在的需求是:表头的除了序号的字段之外,其他的表头的字段都是可以排序的,而且当我们第一次点击的时候,是升序,第二次点击的时候就是降序了,第三次是升序,如此类推下去。然后当我们实现排序的时候,序号那一列是永远不会发现变化的,一直保持着1,2,3,4.。。
test tabletable{border-collapse: collapse;margin:100px auto;width: 800px;}序号姓名年龄1Hong332Yan513Mei164Jing20var change1=0;  //这里是用来控制的是姓名的点击次数var change2=0;  //同理,这里是用来控制年龄的点击次数function sortT(obj){  //利用传进来的参数来表示是哪一个字段进行排序。1表示的是姓名的字段进行排序,而2表示的是年龄的字段进行排序。var tbody = document.getElementsByTagName("tbody")[0];var arr=[];for(var i=0;in2;  //升序}else{return n1


原创粉丝点击