<html>
<head>
</head>
<body>
<table border=3 id="aaa" >
<tr>
<td οnclick="tbpx()">name</td>
<td οnclick="tbpx()">id</td>
</tr>
<tr>
<td >aaa</td>
<td>001</td>
</tr>
<tr>
<td >ccc</td>
<td>009</td>
</tr>
<tr>
<td >ddd</td>
<td>003</td>
</tr>
<tr>
<td >bbb</td>
<td>004</td>
</tr>
</table>
<br><br>
点击表头排序</body>
<script>
var zd=true;//正、倒序
function tbpx()
{
var i,j,x;
var theCell = event.srcElement;
if (theCell.tagName=="TABLE"){
return false;
}
while (theCell.tagName!="TD"){
theCell = theCell.parentElement;
}
x=theCell.cellIndex;
var len=aaa.rows.length;
for(i=1;i<len;i++)
{
for(j=i+1;j<len;j++)
{
if(zd)
{if(aaa.rows(i).cells(x).innerHTML>aaa.rows(j).cells(x).innerHTML)
aaa.rows(i).swapNode(aaa.rows(j));
}
else
{if(aaa.rows(i).cells(x).innerHTML<aaa.rows(j).cells(x).innerHTML)
aaa.rows(i).swapNode(aaa.rows(j));}
}
}
zd=!zd;
}
</script>
</html>
<head>
</head>
<body>
<table border=3 id="aaa" >
<tr>
<td οnclick="tbpx()">name</td>
<td οnclick="tbpx()">id</td>
</tr>
<tr>
<td >aaa</td>
<td>001</td>
</tr>
<tr>
<td >ccc</td>
<td>009</td>
</tr>
<tr>
<td >ddd</td>
<td>003</td>
</tr>
<tr>
<td >bbb</td>
<td>004</td>
</tr>
</table>
<br><br>
点击表头排序</body>
<script>
var zd=true;//正、倒序
function tbpx()
{
var i,j,x;
var theCell = event.srcElement;
if (theCell.tagName=="TABLE"){
return false;
}
while (theCell.tagName!="TD"){
theCell = theCell.parentElement;
}
x=theCell.cellIndex;
var len=aaa.rows.length;
for(i=1;i<len;i++)
{
for(j=i+1;j<len;j++)
{
if(zd)
{if(aaa.rows(i).cells(x).innerHTML>aaa.rows(j).cells(x).innerHTML)
aaa.rows(i).swapNode(aaa.rows(j));
}
else
{if(aaa.rows(i).cells(x).innerHTML<aaa.rows(j).cells(x).innerHTML)
aaa.rows(i).swapNode(aaa.rows(j));}
}
}
zd=!zd;
}
</script>
</html>