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

最新推荐文章于 2024-09-06 22:20:29 发布

weixin_30265103

最新推荐文章于 2024-09-06 22:20:29 发布

阅读量95

点赞数

文章标签：前端 javascript ViewUI

原文链接：http://www.cnblogs.com/gaoxuerong123/p/7222565.html

版权

 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>

转载于:https://www.cnblogs.com/gaoxuerong123/p/7222565.html

weixin_30265103

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
百度前端学院--斌斌学院--demo---2

1 <!DOCTYPE html> 2 <html> 3  8 <head> 9 <meta charset="...
复制链接

扫一扫