javascript中li标签的排序和数组sort的用法
Posted 戈博小刀
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了javascript中li标签的排序和数组sort的用法相关的知识,希望对你有一定的参考价值。
转:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
|
<!DOCTYPE html> <html xmlns= "http://www.w3.org/1999/xhtml" > <head> <meta http-equiv= "Content-Type" content= "text/html; charset=utf-8" /> <title></title> window.onload = function () { var oBtn = document.getElementById( "btnChange" ); var oUl1 = document.getElementById( "ul1" ); oBtn.onclick = function () { var aLi = oUl1.getElementsByTagName( "li" ); var arr = []; for ( var i = 0; i < aLi.length; i++) { arr[i] = aLi[i]; } arr.sort( function (li1, li2) { var n1 = parseInt(li1.innerText); var n2 = parseInt(li2.innerText); return n1 - n2; }); for ( var i = 0; i < aLi.length; i++) { oUl1.appendChild(arr[i]); } } } </script> </head> <body> <input type= "button" name= "" value= "移动" id= "btnChange" /> <ul id= "ul1" > <li>5</li> <li>2</li> <li>9</li> <li>4</li> <li>7</li> </ul> </body> </html> |
以上是关于javascript中li标签的排序和数组sort的用法的主要内容,如果未能解决你的问题,请参考以下文章
JavaScript学习笔记:数组的sort()和reverse()方法
JavaScript中数组Array.sort()排序方法详解