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

百度前端学院--斌斌学院--demo---2

时间:2017-07-22 22:42:21      阅读:164      评论:0      收藏:0      [点我收藏+]

标签:logs   北京   doc   code   document   htm   oct   get   div   

 1 <!DOCTYPE html>
 2 <html>
 3     <!--
 4         作者:1991403547@qq.com
 5         时间:2017-07-22
 6         描述:demo2
 7     -->
 8   <head>
 9     <meta charset="utf-8">
10     <title> 任务2</title>
11   </head>
12   <body>
13     <h3>污染城市列表</h3>
14     <ul id="aqi-list">
15     </ul>
16   <script type="text/javascript">
17       var aqiData = [
18           ["北京", 90],
19           ["上海", 50],
20           ["福州", 10],
21           ["广州", 50],
22           ["成都", 90],
23           ["西安", 100]
24         ];
25     (function () {
26         var list=document.getElementById("aqi-list");
27         var arr=new Array();
28         var j=0;
29         //遍历数组
30         for(var i=0;i<aqiData.length;i++){
31             if(aqiData[i][1]>60){
32                 arr[j]=aqiData[i];
33                 j++;
34             }
35         }
36         //降序排列
37         arr.reverse();
38         console.log(arr.length);
39         //输出结果
40         for(var m=0;m<arr.length;m++){
41             var lis = document.createElement("li");
42             lis.innerHTML=""+(m+1)+"名:"+arr[m][0]+"  得分为:"+arr[m][1];
43             list.appendChild(lis);
44         }
45     })();
46 
47 </script>
48 </body>
49 </html>

 

百度前端学院--斌斌学院--demo---2

标签:logs   北京   doc   code   document   htm   oct   get   div   

原文地址:http://www.cnblogs.com/gaoxuerong123/p/7222565.html

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