首页 > 代码库 > 用js循环生成ul列表并插入到页面中

用js循环生成ul列表并插入到页面中

 1 <body>
 2 <div id="box"></div>
 3 <script>
 4     var arr = [
 5         ‘山西省委附近多次爆炸 官方称尚不确定是恐怖袭击‘,
 6         ‘甘肃张掖明令禁止转基因 书记:无力辨别只能禁止‘,
 7         ‘多地制定雾霾预案限行限排被批治标不治本‘,
 8         ‘韩媒抱怨中国雾霾侵袭韩国 称其为"黑色灾难" ‘,
 9         ‘伊朗革命卫队高官在叙利亚当"志愿者"被杀(图)‘
10     ];
11     var box=document.getElementById(‘box‘);
12     for (var i =0; i < arr.length; i++) {
13 //        box.innerHTML += ‘<ul><li>‘ + arr[i] + ‘</li></ul>‘;
14             if (i == 0) {
15                 box.innerHTML += ‘<ul><li>‘ + arr[i] + ‘</li></ul>‘;
16             } else{
17                 box.childNodes[0].innerHTML += ‘<li>‘ + arr[i] + ‘</li>‘;
18             }
19     }
20 </script>
21 
22 </body>

 

用js循环生成ul列表并插入到页面中