<html>
<head>
<title> 根据span value的值,排序li </title>
<script type="text/javascript">
//冒泡排序,效率有点低
function sortList(){
var list=document.getElementById("oList");
var lis=list.childNodes;
for(var i=0,imax=lis.length-1; i<imax; i++){
for(var j=0; j<imax-i; j++){
if(parseInt(lis[j].childNodes[0].value)>
parseInt(lis[j+1].childNodes[0].value))
lis[j].swapNode(lis[j+1]);//交换元素
}
}
}
</script>
</head>
<body>
<ul id="oList">
<li><span value="3">三</span></li>
<li><span value="8">八</span></li>
<li><span value="2">二</span></li>
<li><span value="5">五</span></li>
<li><span value="7">七</span></li>
<li><span value="9">九</span></li>
<li><span value="4">四</span></li>
<li><span value="6">六</span></li>
<li><span value="1">一</span></li>
<li><span value="10">十</span></li>
</ul>
<INPUT TYPE = button VALUE = "Swap List" onclick = "sortList()">
</body>
</html>