获取table再获取rows
trs .rows
定义临时容器arr[x-1]=trs[x];
打印一下arr[x].cell[1].innerText
排序
存进去
获取tabody
appendChild (arr[x])
注意:临时容器里面存的是引用
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script>
function demo()
{
var tableNode=document.getElementsByTagName("table")[0];
//alert(tableNode.nodeName);
var arr=new Array();
var trs=tableNode.rows;
//alert(trs.length);//我擦
for(var i=1;i<trs.length;i++)
{
arr[i-1]=trs[i];
}
for(var i=0;i<arr.length;i++)
{
for(var j=i+1;j<arr.length;j++)
{
if(arr[i].cells[1].innerText>arr[j].cells[1].innerText)
{
var temp=arr[i];
arr[i]=arr[j];
arr[j]=temp;
}
}
}
var tabodyNode=tableNode.childNodes[0];
//alert(tabodyNode.nodeName);
for(var j=0;j<arr.length;j++)
{
//alert(arr[j].cells[1].innerText);
tabodyNode.appendChild(arr[j]);
}
}
</script>
<style>
table {
border: #666666 5px solid;
}
table td{
border: #00CCFF 1px solid;
}
a:link,a:visited{
text-decoration:none;
color:#000000;
}
</style>
</head>
<body>
<table>
<tr>
<td class="hello">姓名</td><td>分数<a/></td><td>地址</td>
</tr>
<tr>
<td>张三</td><td>22</td><td>上海</td>
</tr>
<tr>
<td>王五</td><td>29</td><td>哈尔滨</td>
</tr>
<tr>
<td>赵六</td><td>25</td><td>内蒙古</td>
</tr>
<tr>
<td>马九</td><td>21</td><td>呼和浩特</td>
</tr>
<tr>
<td>孙十</td><td>26</td><td>甘肃宁夏</td>
</tr>
</table>
<a href="#" οnclick="demo()">排序</a>
<input type="button" οnclick="demo()" value="排序" />
</body>
</html>