日期:2014-05-16  浏览次数:20347 次

输入的数据怎么不排序呢?
<body>
<table border="1" bordercolor="#33CCCC" cellspacing="0" cellpadding="5">
  <tbody>
  <tr>
  <th> 姓名</th>
  <th>
  <a href="#" onclick="getTable()">年龄</a>
  </th>
  <th> 籍贯</th>
  </tr>
  <!--
  <tr>
  <td><input type="text" name="name" /></td>
  <td><input type="text" name="age" /></td>
  <td><input type="text" name="address" /></td>
  </tr>
  <tr>
  <td><input type="text" name="name" /></td>
  <td><input type="text" name="age" /></td>
  <td><input type="text" name="address" /></td>
  </tr>
  <tr>
  <td><input type="text" name="name" /></td>
  <td><input type="text" name="age" /></td>
  <td><input type="text" name="address" /></td>
  </tr>
  <tr>
  <td><input type="text" name="name" /></td>
  <td><input type="text" name="age" /></td>
  <td><input type="text" name="address" /></td>
  </tr>
  <tr>
  <td><input type="text" name="name" /></td>
  <td><input type="text" name="age" /></td>
  <td><input type="text" name="address" /></td>
  </tr>
  --->
   
   
  <tr> 
  <td>张三</td>
  <td>25</td>
  <td>上海</td>
  </tr>
  <tr> 
  <td>张5</td>
  <td>55</td>
  <td>上7海</td>
  </tr>
  <tr> 
  <td>张三</td>
  <td>15</td>
  <td>上海</td>
  </tr>
  <tr> 
  <td>张8三</td>
  <td>26</td>
  <td>上海</td>
  </tr>
   
  </tbody>
</table>
</body>
上面是html代码,
function getTable()
 {
var tabNode=document.getElementsByTagName("table")[0];
var trows=tabNode.rows;
var arr=new Array();
var length=trows.length;
for(var x=1;x!=length;x++)
{
arr[x-1]=trows[x];
}
sortArr(arr);
var tbdNode=tabNode.childNodes[0];
for(var x=0;x<arr.length;x++)
{
tbdNode.appendChild(arr[x]);
}
 }
 function sortArr(arr)
 {
var length=arr.length;
for(var x=0;x<length;x++)
{
for(var y=x+1;y<length;y++)
{
if(arr[x].cells[1].innerText>arr[y].cells[1].innerText)
{
var temp=arr[x];
arr[x]=arr[y];
arr[y]=temp;
}
}
}
 
 }

javascript 兑现立体翻转效果