码迷,mamicode.com
首页 > 其他好文 > 详细

li排序

时间:2014-07-05 17:00:38      阅读:222      评论:0      收藏:0      [点我收藏+]

标签:art   cti   html   for   代码   io   

html

<ul id="ul1"> <li>9</li> <li>2</li> <li>7</li> <li>4</li> <li>11</li> </ul> <input type="button" value="排序" id="btn1" />

js代码

window.onload = function(){ var oUl = document.getElementById("ul1"); var oBtn = document.getElementById("btn1"); oBtn.onclick = function(){ var arr = []; for(var i=0; i<oUl.children.length; i++){ arr.push(oUl.children[i]); } arr.sort(function(li1,li2){ var n1 = parseInt(li1.innerHTML); var n2 = parseInt(li2.innerHTML); return n1-n2; }); for(var i=0; i<arr.length; i++){ oUl.appendChild(arr[i]); } } }

li排序,布布扣,bubuko.com

li排序

标签:art   cti   html   for   代码   io   

原文地址:http://www.cnblogs.com/huaci/p/3823071.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!