>웹 프론트엔드 >JS 튜토리얼 >html_javascript 기술에서 테이블 데이터를 정렬하기 위한 js 코드

html_javascript 기술에서 테이블 데이터를 정렬하기 위한 js 코드

WBOY
WBOY원래의
2016-05-16 18:03:381091검색

그런데 innerText와 innerHTML에 주목하세요

코드 복사 코드는 다음과 같습니다.

function sortCells(event ) {
var obj = event.target;
var count = 0; 홀수 및 짝수에 따라 오름차순 또는 내림차순으로 클릭 수를 기록합니다.
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 열 = 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] = 새 배열(열);
}
for (x = 1; x < row; x ) {
for (y = 0; y < 열; 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 < 행 - 1; x ) {
for (y = 1; y < 행 - 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] = 임시
}
} else {
if (parseInt(Ar[y - 1][colNum]) <=parseInt(Ar[y][colNum])) {
Ar[y - 1] = Ar[y];
Ar[y] = temp;
}
}
}
for (x = 1; x for (y = 0; y 테이블 .rows(x).cells(y ).innerHTML = Ar[x - 1][y]
}
}
개수
}

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.