用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>
时间: 2024-10-13 10:23:26

用js循环生成ul列表并插入到页面中的相关文章

js动态生成数据列表

我们通常会使用table标签来展示数据内容,由于需要展示的数据内容是随时更换的,所以不可能将展示的数据列表写死在html写死在页面中,而是需要我们根据后台传来的数据随时更换,这个时候就需要我们使用js来动态生成表格. 首先我们需要先写好页面的样式. html部分 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; chars

从下拉菜单拖拽一个元素 出来,插入到页面中的app 列表中

1,实现功能:从下拉菜单拖拽一个元素 出来,插入到页面中的app 列表中 并实现app向后移动一个元素的位置: 2.实现思路: 01.遍历下拉菜单,添加拖拽方法,实现位置移动功能: 02.遍历app列表,将app位置存为数组,进行循环: 03.拖拽元素与当前app做碰撞检测: 04.如果鼠标在app内部,则将拖拽元素添加到当前app之后,位置设置为当前 i 的值: 参考代码如下: <!doctype html> <html lang="en"> <head

用python随机生成数据,再插入到postgresql中

用python随机生成学生姓名,三科成绩和班级数据,再插入到postgresql中. 模块用psycopg2 random import random import psycopg2 fname=['金','赵','李','陈','许','龙','王','高','张','侯','艾','钱','孙','周','郑'] mname=['玉','明','玲','淑','偑','艳','大','小','风','雨','雪','天','水','奇','鲸','米','晓','泽','恩','葛','玄'

js循环生成多个easyui datagrid数据网格时,初始化表格

$.each( content, function(i, item){ var info_tpl = "";var result_tpl = "";var pre = /\<+\s*([a-z]+)\s*/; info_tpl += "<div class='result-info'>" + "<p>[执行SQL:("+i+")]</p>" + "<

smoke.js是一款基于HTML5 Canvas的逼真烟雾特效js插件。通过该js插件,可以非常轻松的在页面中制作出各种烟雾效果。

Smoke.js 是一个浏览器默认警告系统的JavaScript替代品,如果你想要跨浏览器与平台的标准化JavaScript警告窗口,Smoke.js就是你想要的. Smoke.js是一个轻量级且灵活的JavaScript插件,只是用来替代原有的alert而已.它完全由HTML与CSS3构成,所以你能够自己添加样式来个性化. 要求:CSS3支持 兼容性:大部分浏览器,包括IE6(没有CSS3可视化效果) License:MIT 特性: Signal:消息会显示几秒后消失 Alert:常规的ale

页面中点击事件在循环生成列表中的问题

循环生成的列表中点击某行click事件,会莫名其妙的出现其他行的数值 解决方法:需要在click事件加上.unbind('click') 原文地址:https://www.cnblogs.com/mangwusuozhi/p/9728818.html

js循环(while循环,do while循环,for循环)相关知识点及练习

08.循环 1.循环! 循环的作用: 简化代码,处理重复执行的代码 遍历数组.json对象.节点集合 2.while循环 语法: while(循环的条件){ 循环体 } 3.循环的五大要素 循环变量 循环变量的初始化 循环的增值 循环的终止条件 循环体 eg:在页面中打印100句“我爱你!!”; 方法一:var i = 1;   //循环变量 以及 循环变量的初始值while (i <= 100) {    //循环的终止条件     document.write("我爱你" +

如何在HTML页面中插入百度地图

在网页制作时,如果想要把企业地址以地图的形式插入HTML页面中,可以通过百度地图轻松实现,当然,前提是注册百度账号并且通过实名认证 网址:http://api.map.baidu.com/lbsapi/creatmap/ 第一步:定位中心点,选择城市以及你想要定位的具体地点 第二步:设置地图,根据HTML页面预留的宽高,选择合适的尺寸 第三步:添加标注,这里面的内容可以根据实际需求填写 第四步:获取代码,点击复制把代码复制到一个单独的文件中,然后把对应的html代码和js代码添加你的项目中 就这

js循环加载数据列表

js循环加载数据列表 //订单渲染 function buildShowInfoDiv(data){ for(i in data.data){ var bussNo = data.data[i].bussNo; var items='<div class="weui-cells" onclick="selectOneOrder(\''+bussNo+'\')">' items+='<div class="weui-cell"&g