码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2017-04-26 01:43:58      阅读:413      评论:0      收藏:0      [点我收藏+]

标签:i++   ++   中国   else   生成   html   htm   code   element   

 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列表并插入到页面中

标签:i++   ++   中国   else   生成   html   htm   code   element   

原文地址:http://www.cnblogs.com/jiaoyue/p/6765343.html

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