首页 > 代码库 > li排序
li排序
html
<ul id="ul1"> <li>9</li> <li>2</li> <li>7</li> <li>4</li> <li>11</li></ul><input type="button" value="http://www.mamicode.com/排序" 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]); } }}
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。