百度前端学院--斌斌学院--demo---2
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了百度前端学院--斌斌学院--demo---2相关的知识,希望对你有一定的参考价值。
1 <!DOCTYPE html> 2 <html> 3 <!-- 4 作者:[email protected] 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的主要内容,如果未能解决你的问题,请参考以下文章