다음과 같이 코드 코드를 복사합니다.
<스크립트 유형="텍스트/자바스크립트">
var b = 참;
함수 sortAge(){
var tabNode = document.getElementsByTagName("table")[0];
var trNodes = tabNode.rows; //테이블에서 행 객체 가져오기
var arr = 새로운 배열();
for(var x=1;x<trNodes.length;x++){ //임시 컨테이너는 테이블의 행 객체에 대한 참조를 저장합니다.
arr[x-1] = trNodes[x];
}
정렬(arr);
var tbdNode = tabNode.childNodes[0];
if(b){ //if....else...연령을 늘리거나 줄여서 정렬을 제어합니다.
for(var x=0;x<arr.length;x++){
tbdNode.appendChild(arr[x]);
}
b = 거짓;
}또 다른{
for(var x=arr.length-1;x>=0;x--){
tbdNode.appendChild(arr[x]);
}
b = 사실;
}
}
function sort(arr){ // 정렬
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 온도 = arr[x];
arr[x] = arr[y];
arr[y] = 온도;
}
}
}
}
</script>
<스타일 유형="텍스트/css">
테이블{ 너비:60%; 테두리:단색 1px #0066FF;}
테이블 td {테두리:단색 1px #0099ff;}
a{ 텍스트 장식: 없음;}
</style>
</head>
<본문>
<테이블>
<tr>
<td>이름</td><td><a href="javascript:void(0)" onclick="sortAge()">나이</a></td><td>주소</td>
</tr>
<tr>
<td>장산</td><td>23</td><td>베이징</td>
</tr>
<tr>
<td>이思</td><td>25</td><td>상하이</td>
</tr>
<tr>
<td>王五</td><td>15</td><td>광저우</td>
</tr>
<tr>
<td>탕 씨</td><td>20</td><td>창사</td>
</tr>
</table>
</body>