最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

根據(jù)表格中的某一列進(jìn)行排序的javascript代碼

 更新時(shí)間：2013年11月29日 15:51:48   作者：  
根據(jù)表格中的某一列進(jìn)行排序的實(shí)現(xiàn)方法有很多，下面為大家介紹下如何使用js來(lái)簡(jiǎn)單實(shí)現(xiàn)下，需要的朋友不要錯(cuò)過(guò)
復(fù)制代碼 代碼如下:

<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)文章

最新評(píng)論

靖远县| 吉木萨尔县| 崇礼县| 湟源县| 普洱| 香港| 平山县| 叶城县| 昌乐县| 杭州市| 灵璧县| 遵义县| 疏附县| 崇阳县| 开化县| 包头市| 黎城县| 温泉县| 康马县| 耒阳市| 开封县| 三门峡市| 平阴县| 东乌珠穆沁旗| 静安区| 教育| 城口县| 黎川县| 西青区| 建水县| 米脂县| 日土县| 渝北区| 松阳县| 鹤峰县| 车险| 卢氏县| 青河县| 奉节县| 阜宁县| 新宁县|