第二十三节 JavaScript中的for循环将数据放到页面中

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Document</title>
 6     <script type="text/javascript">
 7         window.onload = function(){
 8             var aList = ['a','b','c','d'];
 9 
10             var oUl = document.getElementById('list');
11 
12             var iLen = aList.length;
13 
14             var sTr = '';
15 
16             for(var i=0;i<iLen;i++){
17                 sTr += '<li>'+ aList[i] + '</li>';
18                 
19             }
20             // alert(sTr);
21             oUl.innerHTML = sTr;
22         }
23     </script>
24 
25     <style type="text/css">
26         .list{
27             width: 300px;
28             height: 300px;
29         }
30         .list li{
31             font-size: 20px;
32         }
33     </style>
34 </head>
35 <body>
36     <ul id="list" class="list"></ul>
37 </body>
38 </html>