排序

最新推荐文章于 2020-06-27 15:27:58 发布

景天晓志

最新推荐文章于 2020-06-27 15:27:58 发布

阅读量564

点赞数

分类专栏： JavaScript 文章标签： border table xhtml button class html

本文链接：https://blog.csdn.net/jingtian_xiaozhi/article/details/8084030

版权

JavaScript 专栏收录该内容

19 篇文章 0 订阅

订阅专栏

获取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>

景天晓志

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
排序

获取table再获取rowstrs .rows定义临时容器arr[x-1]=trs[x];打印一下arr[x].cell[1].innerText排序存进去获取tabodyappendChild (arr[x])注意：临时容器里面存的是引用无标题文档function demo(){ var tableNode=docum
复制链接

扫一扫

专栏目录