html中table数据排序的js代码


Posted in Javascript onAugust 09, 2011

对了,注意那个innerText和innerHTML

function sortCells(event) { 
var obj = event.target; 
var count = 0; count是记录点击次数的,根据奇偶进行升序或降序 
if(!obj.getAttribute("clickCount")){ 
obj.setAttribute("clickCount", 0); 
} else { 
count = parseInt(obj.getAttribute("clickCount")); 
count++; 
obj.setAttribute("clickCount", count); 
} 
var table = event.target.parentNode.parentNode; 
if(table.nodeName.localeCompare("THEAD") == 0){ 
if(table.parentNode.nodeName.localeCompare("TABLE") == 0){ 
table = table.parentNode; 
} else { 
return; 
} 
} else if(table.nodeName.localeCompare("TBODY") == 0){ 
if(table.parentNode.nodeName.localeCompare("TABLE") == 0){ 
table = table.parentNode; 
} else { 
return; 
} 
} else if(table.nodeName.localeCompare("TABLE") == 0){ 
} else { 
return; 
} 
var colNum; 
for(x = 0; x < table.rows(1).cells.length; x++){ 
if(event.target.innerText.localeCompare(table.rows(0).cells[x].innerText) == 0){ 
colNum = x; 
break; 
} 
} 
var column = table.rows(1).cells.length; 
var row = table.rows.length; 
var Ar = new Array(row - 1); 
for (x = 0; x < row - 1; x++) { 
Ar[x] = new Array(column); 
} 
for (x = 1; x < row; x++) { 
for (y = 0; y < column; y++) { 
Ar[x - 1][y] = table.rows(x).cells(y).innerHTML; 
} 
} 

 //这个可以对字符串进行本地化排序 
/* if((count%2) == 0){ 
Ar.sort(function(a, b) { 
return b[colNum].localeCompare(a[colNum]) 
}); 
} else { 
Ar.sort(function(a, b) { 
return a[colNum].localeCompare(b[colNum]) 
}); 
} */ 
var temp; 
for (x = 0; x < row - 1; x++) { 
for (y = 1; y < row - 1; y++) { 
temp = Ar[y - 1]; 
if((count % 2) == 0){ 
if (parseInt(Ar[y - 1][colNum]) >= parseInt(Ar[y][colNum])) { 
Ar[y - 1] = Ar[y]; 
Ar[y] = temp; 
} 
} else { 
if (parseInt(Ar[y - 1][colNum]) <= parseInt(Ar[y][colNum])) { 
Ar[y - 1] = Ar[y]; 
Ar[y] = temp; 
} 
} 
} 
} 
for (x = 1; x < row; x++) { 
for (y = 0; y < column; y++) { 
table.rows(x).cells(y).innerHTML = Ar[x - 1][y]; 
} 
} 
count++; 
}
Javascript 相关文章推荐
用javascript编写的第一人称射击游戏
Feb 25 Javascript
关于onchange事件在IE和FF下的表现及解决方法
Mar 08 Javascript
JavaScript将XML转成JSON的方法
Mar 12 Javascript
jQuery实现自定义事件的方法
Apr 17 Javascript
js判断日期时间有效性的方法
Oct 24 Javascript
浅谈JavaScript的push(),pop(),concat()方法
Jun 03 Javascript
Javascript 普通函数和构造函数的区别
Nov 05 Javascript
JavaScript对JSON数据进行排序和搜索
Jul 24 Javascript
在 React、Vue项目中使用SVG的方法
Feb 09 Javascript
Angular 向组件传递模板的两种方法
Feb 23 Javascript
centos 上快速搭建ghost博客方法分享
May 23 Javascript
监听angularJs列表数据是否渲染完毕的方法示例
Nov 07 Javascript
最常用的12种设计模式小结
Aug 09 #Javascript
silverlight线程与基于事件驱动javascript引擎(实现轨迹回放功能)
Aug 09 #Javascript
javascript 主动派发事件总结
Aug 09 #Javascript
JsDom 编程小结
Aug 09 #Javascript
IE 当eval遇上function的处理
Aug 09 #Javascript
取得窗口大小 兼容所有浏览器的js代码
Aug 09 #Javascript
Javascript实现的类似Google的Div拖动效果代码
Aug 09 #Javascript
You might like
完美解决dedecms中的[html][/html]和[code][/code]问题
2007/03/20 PHP
Laravel5框架添加自定义辅助函数的方法
2018/08/01 PHP
PHP实现的抓取小说网站内容功能示例
2019/06/27 PHP
使用 PHP Masked Package 屏蔽敏感数据的实现方法
2019/10/15 PHP
SUN的《AJAX与J2EE》全文译了
2007/02/23 Javascript
Ajax+Json 级联菜单实现代码
2009/10/27 Javascript
JavaScript DOM学习第六章 表单实例
2010/02/19 Javascript
IE关闭时判断及AJAX注销案例学习
2013/02/18 Javascript
js格式化货币数据实现代码
2013/09/04 Javascript
jQuery实现鼠标双击Table单元格变成文本框及输入内容后更新到数据库的方法
2015/11/25 Javascript
谈谈我对JavaScript DOM事件的理解
2015/12/18 Javascript
JavaScript的String字符串对象常用操作总结
2016/05/26 Javascript
基于JS实现省市联动效果代码分享
2016/06/06 Javascript
Javascript中常用类型的格式化方法小结
2016/12/26 Javascript
Nodejs高扩展性的模板引擎 functmpl简介
2017/02/13 NodeJs
canvas绘制一个常用的emoji表情
2017/03/30 Javascript
初探js和简单隐藏效果的实例
2017/11/23 Javascript
微信小程序实现鼠标拖动效果示例
2017/12/01 Javascript
JS中Map和ForEach的区别
2018/02/05 Javascript
使用koa2创建web项目的方法步骤
2019/03/12 Javascript
vue生命周期的探索
2019/04/03 Javascript
关于在LayUI中使用AJAX提交巨坑记录
2019/10/25 Javascript
Vuex的API文档说明详解
2020/02/05 Javascript
jquery检测上传文件大小示例
2020/04/26 jQuery
Vue实现简单购物车功能
2020/12/13 Vue.js
使用基于Python的Tornado框架的HTTP客户端的教程
2015/04/24 Python
matplotlib bar()实现百分比堆积柱状图
2021/02/24 Python
JackJones官方旗舰店:杰克琼斯男装
2018/03/27 全球购物
最便宜促销价格订机票:Airpaz(总部设在印尼,支持中文)
2018/11/13 全球购物
造价工程师个人求职信
2013/09/21 职场文书
食品安全工作实施方案
2014/03/26 职场文书
鉴定评语大全
2014/05/05 职场文书
优秀语文教师事迹
2014/05/18 职场文书
跳槽求职信范文
2014/05/26 职场文书
消防工作实施方案
2014/06/09 职场文书
Golang流模式之grpc的四种数据流
2022/04/13 Golang