js中 li的排序

最新推荐文章于 2023-06-01 18:21:08 发布

爱情语录x

最新推荐文章于 2023-06-01 18:21:08 发布

阅读量1.4k

点赞数

文章标签： js 实例日记 li的排序

本文链接：https://blog.csdn.net/u014530286/article/details/24273003

版权

<!--DOCTYPE html-->
<html>
<head>
<meta charset="utf-8" />

<script>
window.οnlοad=function()
{
	var oUl=document.getElementById('ul');
	var oBtn=document.getElementById('btn1');
	oBtn.οnclick=function()
	{
		var oLi=oUl.getElementsByTagName('li');
		var arr=[];
		for(var i=0;i<oLi.length;i++){
			arr[i]=oLi[i];
			}
		arr.sort(function(li1,li2){
			var n1=parseInt(li1.innerHTML);
			var n2=parseInt(li2.innerHTML);
			
			return n1-n2;
			});
			alert(arr[0].innerHTML);
			
		}
	}
</script>
</head>
<body>
<input type="button" id="btn1" value="排序"/>
<ul id="ul"><li>44</li><li>37</li><li>23</li><li>78</li><li>04</li></ul>
</body>
</html>