<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>webrx-title</title>
<meta name="description" content="简介">
<meta name="keywords" content="关键字">
<link rel="stylesheet" type="text/css" href="index.css"/>
<script src=""></script>
</head>
<body>
<div data-id="3">3333333</div>
<div data-id="5">4444444</div>
<div data-id="2">5555555</div>
<div data-id="1">1111111</div>
<div data-id="4">2222222</div>
<script>
var aDiv = document.getElementsByTagName('div');
var arr = [];
for(var i=0;i<aDiv.length;i++)
{
arr.push(aDiv[i]); //aDiv是元素的集合，并不是数组，所以不能直接用数组的sort进行排序。
}
arr.sort(function(a,b){return a.getAttribute('data-id') - b.getAttribute('data-id')});
for(var i=0;i<arr.length;i++)
{
document.body.appendChild(arr[i]); //将排好序的元素，重新塞到body里面显示。
}
</script>
</body>
</html>
