js-DOM基礎基本数组排序

<!DOCTYPE html>
<html>
<head>
	<title>排序</title>
</head>
<script type="text/javascript">
	window.onload=function(){
    var Btn = document.getElementById('btn');
    var oul = document.getElementById('oul1');
    Btn.onclick=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){
     n1=parseInt(li1.innerHTML);
     n2=parseInt(li2.innerHTML);
     return n1-n2;
    });
     for(var i=0;i<arr.length;i++){
alert('现在数字'+arr[i].innerHTML+'应该排到最后');

     	oul.appendChild(arr[i]);
     }

    };
};
</script>
<body>
<input type="button" value="排序" id="btn">
<ul id="oul1">
	<li>2</li>
	<li>23</li>
	<li>43</li>
    <li>34</li>
	<li>65</li>
	<li>46</li>
	<li>765</li>
</ul>
</body>
</html>

在这里插入图片描述
在这里插入图片描述
…………………………………………………………………………
在这里插入图片描述
排序之后
在这里插入图片描述

发布了62 篇原创文章 · 获赞 102 · 访问量 3146

猜你喜欢

转载自blog.csdn.net/weixin_44763595/article/details/104837879