html中table数据排序的js代码
2023-06-13 09:14:29 时间
对了,注意那个innerText和innerHTML
复制代码代码如下:
functionsortCells(event){
varobj=event.target;
varcount=0;count是记录点击次数的,根据奇偶进行升序或降序
if(!obj.getAttribute("clickCount")){
obj.setAttribute("clickCount",0);
}else{
count=parseInt(obj.getAttribute("clickCount"));
count++;
obj.setAttribute("clickCount",count);
}
vartable=event.target.parentNode.parentNode;
if(table.nodeName.localeCompare("THEAD")==0){
if(table.parentNode.nodeName.localeCompare("TABLE")==0){
table=table.parentNode;
}else{
return;
}
}elseif(table.nodeName.localeCompare("TBODY")==0){
if(table.parentNode.nodeName.localeCompare("TABLE")==0){
table=table.parentNode;
}else{
return;
}
}elseif(table.nodeName.localeCompare("TABLE")==0){
}else{
return;
}
varcolNum;
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;
}
}
varcolumn=table.rows(1).cells.length;
varrow=table.rows.length;
varAr=newArray(row-1);
for(x=0;x<row-1;x++){
Ar[x]=newArray(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){
returnb[colNum].localeCompare(a[colNum])
});
}else{
Ar.sort(function(a,b){
returna[colNum].localeCompare(b[colNum])
});
}*/
vartemp;
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++;
}
相关文章
- Django choices to js `' `(html select option)
- html js 全局 变量,JS定义全局变量
- js 符号转换 html代码
- html如何只刷新页面指定,js控制页面刷新 JS刷新当前页面的几种方法总结
- Node.js中Http模块
- 【JS 逆向百例】猿人学系列 web 比赛第五题:js 混淆 - 乱码增强,详细剖析
- 原生 JS 实现 HTML 转 Markdown,以及其实现逻辑(html2md.js 或 html2markdown.js)
- html toastr.js 悬浮通知(h5 toast 提示)
- js中的onkeyup
- js+html实现遮罩层效果详解编程语言
- JS实现保存当前网页HTML到本地(Chrom Firefox)详解编程语言
- 使用html+css+js实现计算器详解编程语言
- JS动态引入js、CSS动态创建script/link/style标签详解编程语言
- 使用HTML连接MySQL数据库实现功能(html连接mysql数据库)
- 使用MySQL和HTML打造高效的数据驱动网站(mysql与html)
- HTML与Oracle新的组合引发了新的机遇与挑战(html oracle)
- JS将文件传输至MySQL数据库(.js传文件至mysql)
- js禁用浏览器的后退功能的简单方法
- 基于jquery的无限级联下拉框js插件
- js/html光标定位的实现代码
- 引入JS文件IE6报语法错误或缺少对象问题的解决方法
- js获取当前地址JS获取当前URL的示例代码
- js中document.write使用过程中的一点疑问解答
- 用html+css+js实现的一个简单的图片切换特效
- js使用html()或text()方法获取设置p标签的显示的值
- JS使用for循环遍历Table的所有单元格内容