html实现表单排序,JS实现HTML表格排序功能

本文实例为大家分享了JavaScript实现HTML表格排序功能，供大家参考，具体内容如下

HTML代码：

JavaScirpt代码：

标签td

this.up = classUp;

this.down = classDown;

this.startRow = startRow;

this.selectClass = selectClass;

this.endRow = (endRow == 999? this.rows.length : endRow);

this.T2Arr = this._td2Array();//所有受影响的td的二维数组

this.setShow();

},//设置标签切换

setShow:function(){

var defaultClass = this.Tags[0].className;

for(var Tag,i=0;Tag = this.Tags[i];i++){

Tag.index = i;

addEventListener(Tag,'click',Bind(Tag,statu));

}

var _this =this;

var turn = 0;

function statu(){

for(var i=0;i方法中去

this.array2Td(num,afterSort);//输出

},//将受影响的行和列转换成二维数组

_td2Array:function(){

var arr=[];

for(var i=(this.startRow-1),l=0;i输出相应的行和列的 innerHTML

array2Td:function(num,arr){

this.colClassSet(num,this.selectClass);

for(var i= (this.startRow-1),l++){

for(var n=0;n标记

function killHTML(str){

return str.replace(/]+>/g,"");

}

//------------------------------------------------

//tableid 第几行是标签行，从第几行开始排序，第几行结束排序(999表示最后) 升序标签样式，降序标签样式 选中列样式

//注意标签行的class应该是一致的

var ex1 = new tableSort('table',1,2,999,'up','down','hov');

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持编程之家。

总结

以上是编程之家为你收集整理的JS实现HTML表格排序功能全部内容，希望文章能够帮你解决JS实现HTML表格排序功能所遇到的程序开发问题。

如果觉得编程之家网站内容还不错，欢迎将编程之家网站推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。

小编个人微信号 jb51ccc

喜欢与人分享编程技术与工作经验，欢迎加入编程之家官方交流群！