这里有新鲜出炉的 Javascript 教程,程序狗速度看过来!
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
下面小编就为大家带来一篇 js 利用 appendChild 对
按照从大到小排序
appendChild:
假设父级 a 中已经有子节点 b,那么 a.appendChild(b) 的作用是:1. 先将子节点 b 从父级 a 中删除;2. 再将子节点 b 添加到 a 中,放在最末尾。
- <body>
- <button id="bt1">
- 提交
- </button>
- <ul id="ul1">
- <li>
- 32
- </li>
- <li>
- 243
- </li>
- <li>
- 43
- </li>
- <li>
- 24
- </li>
- <li id="t">
- 2
- </li>
- <li>
- 84
- </li>
- <li>
- 84
- </li>
- <li>
- 25
- </li>
- </ul>
- </body>
- <script>
- window.onload=function(){
- var oUl1=document.getElementById('ul1');
- var oBt=document.getElementById('bt1');
- oBt.onclick=function(){
- var oLi=document.getElementsByTagName('li');
- var arr=[];
- //将<li>标签放入空的arr数组中
- for(var i=0;i<oLi.length;i++){
- arr[i]=oLi[i];
- }
- //sort排序,数组中每个元素都是一个<li>,所以要用innerhtml
- arr.sort(function(li1,li2){
- var n1=parseInt(li1.innerHTML);
- var n2=parseInt(li2.innerHTML);
- return n1-n2;
- })
- //通过appendChild进行排序
- for(var i=0;i<arr.length;i++){
- oUl1.appendChild(arr[i]);
- }
- }
- }
- </script>
来源: http://www.phperz.com/article/17/0705/331152.html