table_javascript 기술의 특정 열에 따라 정렬하는 JavaScript 코드

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

<script type="text/javascript">
var b = true;
function sortAge(){
var tabNode = document.getElementsByTagName("table")[0];
var trNodes = tabNode.rows; 테이블에서
var arr = new Array();
for(var x=1;x<trNodes.length;x ){ //임시 컨테이너는 테이블의 행 객체에 대한 참조를 저장합니다.
arr [x-1 ] = trNodes[x];
}
sort(arr);
var tbdNode = tabNode.childNodes[0];
if(b){ //if... .else.. .연령 상승 및 하락에 따른 정렬 제어
for(var x=0;x<arr.length;x ){
tbdNode.appendChild(arr[x])
>b = false ;
}else{
for(var x=arr.length-1;x>=0;x--){
tbdNode.appendChild(arr[x]); >}
b = true ;
}
}
function sort(arr){ // Sort
for(var x=0;x<arr.length;x ){
for(var y=x 1;y<arr.length;y ){
if(parseInt(arr[x].cells[1].innerText)>parseInt(arr[y].cells[1] .innerText)) { //parseInt 변환 없이 문자열의 ASCII 비교
var temp = arr[x]
arr[x] =
arr[y] = temp; 🎜 >}
}
}
}
</script>

<style type="text/css"> 테이블{ 너비:60% ; 테두리:솔리드 1px #0066FF;}
테이블 td {테두리:솔리드 1px #0099ff;}
a{ 텍스트 장식: 없음;}
</style> ; /head>


</tr>

</tr> <tr> <td>장산</td><td>23</td>베이징</td> </tr>
王< ;/td>	15	광저우
;	20