[Js]表格排序
思路:遍历每个li,病并把它们存放到数组中去,然后通过sort()方法进行排序
<body>
<input type="button" value="排序按钮"
id="btn1">
<ul id="ul1">
<li>58</li>
<li>8</li>
<li>31</li>
<li>98</li>
<li>75</li>
</ul>
<script
type="text/javascript">
window.onload=function(){
var
oBtn=document.getElementById("btn1");
var arr=[];
var
oUl=document.getElementById("ul1");
var
aLi=oUl.getElementsByTagName("li");
var
i;
oBtn.onclick=function(){
for(i=0;i<aLi.length;i++){
arr[i]=aLi[i];
}
arr.sort(function(li1,li2){
return
parseInt(li1.innerHTML)-parseInt(li2.innerHTML);
});
for(i=0;i<arr.length;i++){
oUl.appendChild(arr[i]);
}
};
}
</script>
</body>
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。