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 相关文章推荐
异步动态加载js与css文件的js代码
Sep 15 Javascript
深入理解JavaScript中的传值与传引用
Dec 09 Javascript
js计算文本框输入的字符数
Oct 23 Javascript
JavaScript阻止回车提交表单的方法
Dec 30 Javascript
微信小程序实现获取自己所处位置的经纬度坐标功能示例
Nov 30 Javascript
原生JavaScript实现的简单放大镜效果示例
Feb 07 Javascript
详解react native页面间传递数据的几种方式
Nov 07 Javascript
送你43道JS面试题(收藏)
Jun 17 Javascript
layui自定义ajax左侧三级菜单
Jul 26 Javascript
node实现简单的增删改查接口实例代码
Aug 22 Javascript
vue项目部署到nginx/tomcat服务器的实现
Aug 26 Javascript
Vue props中Object和Array设置默认值操作
Jul 30 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
php pcntl_fork和pcntl_fork 的用法
2009/04/13 PHP
php中计算程序运行时间的类代码
2012/11/03 PHP
PHP+MYSQL中文乱码问题
2015/07/01 PHP
CI框架常用方法小结
2016/05/17 PHP
Yii2表单事件之Ajax提交实现方法
2017/05/04 PHP
PHP cookie与session会话基本用法实例分析
2019/11/18 PHP
深入认识JavaScript中的函数
2007/01/22 Javascript
JavaScript获得选中文本内容的方法
2008/12/02 Javascript
js中window.open()的所有参数详细解析
2014/01/09 Javascript
angularJS中$apply()方法详解
2015/01/07 Javascript
ECMAScript6函数默认参数
2015/06/12 Javascript
jquery实现平滑的二级下拉菜单效果
2015/08/26 Javascript
提升jQuery的性能需要做好七件事
2016/01/11 Javascript
node+experss实现爬取电影天堂爬虫
2016/11/20 Javascript
ajax请求data遇到的问题分析
2018/01/18 Javascript
js 图片转base64的方式(两种)
2018/04/24 Javascript
微信小程序仿美团城市选择
2018/06/06 Javascript
vue中多路由表头吸顶实现的几种布局方式
2019/04/12 Javascript
vue-admin-template配置快捷导航的代码(标签导航栏)
2020/09/04 Javascript
Vue3为什么这么快
2020/09/23 Javascript
JS如何实现在弹出窗口中加载页面
2020/12/03 Javascript
详细探究Python中的字典容器
2015/04/14 Python
Python获取任意xml节点值的方法
2015/05/05 Python
Python入门之modf()方法的使用
2015/05/15 Python
python中从for循环延申到推导式的具体使用
2019/11/29 Python
用 python 进行微信好友信息分析
2020/11/28 Python
Python爬虫逆向分析某云音乐加密参数的实例分析
2020/12/04 Python
一款利用css3的鼠标经过动画显示详情特效的实例教程
2014/12/29 HTML / CSS
HTML5在线预览PDF的示例代码
2017/09/14 HTML / CSS
Etam艾格英国官网:法国著名女装品牌
2019/04/15 全球购物
Feelunique中文官网:欧洲最大化妆品零售电商
2020/07/10 全球购物
如何客观的进行自我评价
2013/12/17 职场文书
运动会通讯稿50字
2014/01/30 职场文书
公司中层干部的自我评价分享
2014/03/01 职场文书
公司市场部岗位职责
2015/04/15 职场文书
班主任培训研修日志
2015/11/13 职场文书