코드 는 비교적 번 거 롭 고 많은 방법 을 원시 적 으로 사용 합 니 다.코드 는 다음 과 같 습 니 다.
<meta http-equiv="Content-Type"content="text/html;charset=gb 2312"/><meta http-equiv="Content-language"content="zh-CN"/><meta name="Design Corp"content="이 군"/><meta name="Designer mail"content="lijunabcxy@163.com"/> <style type="text/css"><!-- /*<!--[CDATA[*/ ul,li{margin:0;padding:0;list-style-type:none;} ul{width:450px;padding:10px;border:1px solid #ccc;background:#fafafa;line-height:25px; margin:10px;font-size:12px;} #news_list li{border-bottom:1px dashed #cde;} #news_list span{float:right;} #news_list li a{color:#006;} /*]]>*/ --></style> <script type="text/javascript"> function $(s){ return document.all?document.all[s]:document.getElementById(s); } function list_sort(list_id,btn1,btn2){ var list=$(list_id).getElementsByTagName("li"); var c_date=$(list_id).getElementsByTagName("span"); var content=$(list_id).getElementsByTagName("a"); var date=new Array(),con=new Array,date1=new Array(),con1=new Array,list_con=new Array; for (var i=0;i<list.length ;i++)//비교 할 내용 을 배열{date1[i]=date[i]=c 에 저장 합 니 다.date[i].innerHTML; list_con[i]=list[i].innerHTML; con1[i]=con[i]=content[i].innerHTML.length; } con.sort(function(x,y){return parseInt(x)-parseInt(y);});//문자 길 이 를 date.sort(function sortDate(a,b){return new Date(a.replace(/-/,"/"))-new Date(b.replace(/-/,"/");});//날 짜 를 정렬 합 니 다.function darry(arry 1,arry 2){//배열 아래 표 시 된 함수 입 니 다.var b=new Array(); for (var n=0;n<list.length ;n++ ) {for (var m=0;m<list.length;m++ ) {if (arry1[m]==arry2[n]) b[n]=m; } } return b; } var top=0; $(btn 1).onclick=function(){insetHTM(con1,con)}$(btn 2).onclick=function(){insetHTM(date 1,date)}function insetHTM(ary 1,ary 2){/정렬 된 html 출력 var c=darry(ary 1,ary 2);var list_html=""; if (top==0) {for (var k=0;k<list.length;k++ ) {list_html+="<li>"+list_con[c[k]]+"</li>";top=1} } else { for (var k=list.length-1;k>=0;k--) {list_html+="<li>"+list_con[c[k]]+"</li>";top=0} } $(list_id).innerHTML=list_html; } } window.onload=function(){ list_sort("news_list","button1","button2") } // --></script> <ul id="news_list"><li><span>2005-09-02</span>]</div><br/>js 코드 는 다음 과 같다.<br/><br/><pre><code><code><br/>function$(s){<br/>return document.all?document.all[s]:document.getElementById(s);<br/>} <br/>function list_sort(list_id,btn1,btn2){ <br/>var list=$(list_id).getElementsByTagName("li"); <br/>var c_date=$(list_id).getElementsByTagName("span"); <br/>var content=$(list_id).getElementsByTagName("a"); <br/>var date=new Array(),con=new Array,date1=new Array(),con1=new Array,list_con=new Array; <br/>for (var i=0;i<list.length ;i++)//비교 할 내용 을 배열<br/>{date1[i]=date[i]=c 에 저장 합 니 다.date[i].innerHTML; <br/>list_con[i]=list[i].innerHTML; <br/>con1[i]=con[i]=content[i].innerHTML.length; <br/>} <br/>con.sort(function(x,y){return parseInt(x)-parseInt(y);});//문자 길 이 를 정렬<br/>date.sort(function sortDate(a,b)<br/>{<br/>return new Date(a.replace(//,"/")-new Date(b.replace(/,"/");<br/>});//날 짜 를 정렬 합 니 다.<br/>function darry(arry 1,arry 2){//배열 아래 표 시 된 함수 입 니 다.<br/>var b=new Array(); <br/>for (var n=0;n<list.length ;n++ ) <br/>{for (var m=0;m<list.length;m++ ) <br/>{if (arry1[m]==arry2[n]) b[n]=m; <br/>} <br/>} <br/>return b; <br/>} <br/>var top=0;//정렬 방향 부표 정의<br/>$(btn 1).onclick=function(){insetHTM(con1,con)}<br/>$(btn 2).onclick=function(){insetHTM(date 1,date)}<br/>function insetHTM(ary 1,ary 2){/정렬 후의 html 를 ul 에 출력<br/>var c=darry(ary 1,ary 2);//정렬 후 배열 의 아래 표 시 를 가 져 옵 니 다<br/>var listhtml="";//변수 저장 정렬 후의 html<br/>if(top==0)<br/>{for(var k=0;k<list.length;k++ ) <br/>{list_html+="<li>"+list_con[c[k]]+"</li>";top=1} <br/>} <br/>else <br/>{ for (var k=list.length-1;k>=0;k--) <br/>{list_html+="<li>"+list_con[c[k]]+"</li>";top=0} <br/>} <br/>$(list_id).innerHTML=list_html; <br/>} <br/>} <br/>window.onload=function(){ <br/>list_sort("news_list","button1","button2") <br/>} <br/></code></code></pre>
