 
<script type="text/javascript"> 
var b = true ; 
function sortAge(){ 
var tabNode = document.getElementsByTagName("table")[0]; 
var trNodes = tabNode.rows; //獲取表格中的行對(duì)象 
var arr = new Array(); 
for(var x=1;x<trNodes.length;x++){ //臨時(shí)容器存入的是表格中行對(duì)象的引用 
arr[x-1] = trNodes[x]; 
} 
sort(arr); 
var tbdNode = tabNode.childNodes[0]; 
if(b){ //if....else...控制按年齡的升降進(jìn)行排序 
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){ // 排序 
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)){ // 不進(jìn)行parseInt轉(zhuǎn)換是以字符串的ASCII比較 
var temp = arr[x]; 
arr[x] = arr[y]; 
arr[y] = temp; 
} 
} 
} 
} 
</script> 

<style type="text/css"> 
table{ width:60%; border:solid 1px #0066FF;} 
table td {border:solid 1px #0099ff;} 
a{ text-decoration: none;} 
</style> 

</head> 
<body> 
<table> 
<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>長(zhǎng)沙</td> 
</tr> 
</table> 
</body> 

您可能感興趣的文章:

相關(guān)文章

javascript之更有效率的字符串替換
今天研究了一下JS比較高級(jí)的正則表達(dá)式方法，發(fā)現(xiàn)一個(gè)我認(rèn)為比原來(lái)的方法更有效率的字符串替換方法。
2008-08-08
Next項(xiàng)目路徑添加指定的訪問前綴方法詳解
這篇文章主要介紹了Next項(xiàng)目路徑添加指定的訪問前綴方法詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2023-03-03
微信小程序列表中item左滑刪除功能
這篇文章主要介紹了微信小程序列表中item左滑刪除功能，本文分步驟給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
2018-11-11
file模式訪問網(wǎng)頁(yè)時(shí)iframe高度自適應(yīng)解決方案
最近做到iframe的高度自適應(yīng)這個(gè)問題;發(fā)現(xiàn)自己做的網(wǎng)頁(yè)是通過file方式訪問的，將網(wǎng)頁(yè)代碼放到apache下通過http協(xié)議訪問，在iframe加載的時(shí)候調(diào)用如下js方法:果然網(wǎng)頁(yè)高度能夠自適應(yīng)（對(duì)于其他方案應(yīng)該也有效果，我沒有注意去嘗試）感興趣的朋友可以了解下
2013-01-01
Bootstrap Multiselect 常用組件實(shí)現(xiàn)代碼
bootstrap-multiselect插件是一款基于bootstrap的下拉框美化插件，我們一般用來(lái)請(qǐng)求后臺(tái)返回具有l(wèi)abel和text對(duì)象的json數(shù)組即可渲染。接下來(lái)通過本文給大家分享Bootstrap Multiselect 常用組件實(shí)現(xiàn)代碼，感興趣的朋友一起看看吧
2017-07-07
JS 判斷某變量是否為某數(shù)組中的一個(gè)值的3種方法(總結(jié))
下面小編就為大家?guī)?lái)一篇JS 判斷某變量是否為某數(shù)組中的一個(gè)值的3種方法(總結(jié))。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來(lái)看看吧
2017-07-07
vue/js實(shí)現(xiàn)頁(yè)面自動(dòng)往上滑動(dòng)效果
這篇文章主要為大家詳細(xì)介紹了vue/js實(shí)現(xiàn)頁(yè)面自動(dòng)往上滑動(dòng)效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2022-04-04
JS 實(shí)現(xiàn)圖片直接下載示例代碼
本文為大家詳細(xì)介紹下使用JS實(shí)現(xiàn)圖片直接下載，具體實(shí)現(xiàn)代碼如下，感興趣的朋友可以參考下哈，希望對(duì)大家有所幫助
2013-07-07
JS實(shí)現(xiàn)網(wǎng)頁(yè)導(dǎo)航條特效
這篇文章主要為大家詳細(xì)介紹了JS實(shí)現(xiàn)網(wǎng)頁(yè)導(dǎo)航條特效，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2021-10-10
全面解析JavaScript中“&&”和“||”操作符(總結(jié)篇)
這篇文章主要介紹了全面解析JavaScript中“&&”和“||”操作符(總結(jié)篇)的相關(guān)資料,需要的朋友可以參考下
2016-07-07