首页 > Web开发 > 详细

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

时间:2017-04-26 00:30:05      阅读:816      评论:0      收藏:0      [点我收藏+]
 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列表并插入到页面中

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!