文档章节

ul动态生成li(JavaScript写)

leona_lily
 leona_lily
发布于 2015/04/10 16:21
字数 94
阅读 5
收藏 0
点赞 0
评论 0
<htmL>
<head>
<meta content="text/html;charset=utf-8" http-equiv="content-type">
    <script type="text/javascript">
    window.onload = function(){
        var arrLi = [['我的朋友','同学','同事'],['哇哈哈','乐百氏','农夫山泉'],['咖啡','果汁','果酒']];
        
        for(var j=0; j<arrLi.length; j++){
            document.body.innerHTML += '<ul></ul>';
            var ul = document.getElementsByTagName('ul');
            for (var i = 0; i < arrLi[j].length; i++) {
                ul[j].innerHTML += '<li>'+arrLi[j][i]+'</li>';
            };
        }
    }
    </script>
</head>
<body>

</body>
</htmL>

运行效果


© 著作权归作者所有

共有 人打赏支持
leona_lily
粉丝 9
博文 91
码字总数 37848
作品 0
朝阳
程序员
怎样动态循环的添加元素到div并且分页显示

$(function(){ var msg='${msg}'; alert(msg); $.ajax({ url:"<%=basePath%>cartListInfo", type:"get", dataType:"json", success:function(data){ if(data!=null){ for (var i = 0; i < da......

zhangzy_java ⋅ 04/24 ⋅ 0

Bootstrap做简单的网站首页

网站首页

qushen1212 ⋅ 04/12 ⋅ 0

H5移动端获奖无缝滚动动画实现

需求分析 哈哈,上动态图真的是一下就明了了。 就是滚动么滚动,那么制作这个有什么方法呢?我们来总结一下: html骨架 其实很简单,最外面的是做固定的窗口,里面的控制运动,里面是展示动画...

顽皮的雪狐七七 ⋅ 昨天 ⋅ 0

【H5 音乐播放实例】第一节 音乐详情页制作(1)

本教程是一个H5音乐播放的详情页制作,实现了H5音乐播放,音轨的跳动,已经较为酷炫的UI界面。 通过本教程,您会学到: 1、H5音乐播放 (带音轨) 2、iconfont字体图标库 3、div+css网页布局...

剽悍一小兔 ⋅ 06/08 ⋅ 0

Event Loop是个什么玩意:从 Vue 的 nextTick 说起

熟悉 Vue 的同学们都知道,Vue 有个 nextTick 方法,用来异步更新数据。 来看看这个栗子: 随便给了点样式之后,页面是这样的: 看起来似乎一切正常,我们在给数组添加了一条数据之后,页面也...

blackandgray ⋅ 05/24 ⋅ 0

爬虫之scrapy-splash

什么是splash Splash是一个Javascript渲染服务。它是一个实现了HTTP API的轻量级浏览器,Splash是用Python实现的,同时使用Twisted和QT。Twisted(QT)用来让服务具有异步处理能力,以发挥w...

_周小董 ⋅ 05/16 ⋅ 0

以变制变——前端动态化代码保护方案探索

欢迎大家前往腾讯云+社区,获取更多腾讯海量技术实践干货哦~ 本文分享了腾讯防水墙团队关于机器对抗的动态化思路,希望能抛砖引玉,给现在正在做人机对抗的团队一些启发,帮助更多中小型公司...

腾讯云加社区 ⋅ 06/07 ⋅ 0

面试基础(2018-03-16)

1、 Doctype作用?标准模式与兼容模式各有什么区别? 1、声明位于位于HTML文档中的第一行,处于 标签之前。告知浏览器的解析器用什么文档标准解析这个文档。DOCTYPE不存在或格式不正确会导致文...

a小磊_ ⋅ 03/16 ⋅ 0

JS动态写入HTML代码《变量,方法,函数多个入参拼接》

写这篇文章,主要是想mark一下,因为JS动态生成HTML(这里都默认是生成大段的HTML,而不是简单的标签元素),常用的两种语法格式: 一种是es6的写法,反撇,' ',在英文语法输入状态下,esc...

浅笑安然-rr ⋅ 06/12 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

R计算IV

参考文章 #读取文件 rawdata = read.csv("/path/to/csv/file",header=T) colnames(rawdata)[18] <- "y" //重命名因变量y #数据分区 训练集测试集 trainIdx <- sample(nrow(rawdata), round(......

火力全開 ⋅ 9分钟前 ⋅ 0

SQL老司机,在SQL中计算 array & map & json数据

摘要: 场景 通常,我们处理数据,一列数据类型要么是字符串,要么是数字,这些都是primitive类型的数据。 场景 通常,我们处理数据,一列数据类型要么是字符串,要么是数字,这些都是primi...

阿里云云栖社区 ⋅ 9分钟前 ⋅ 0

SQL老司机,在SQL中计算 array & map & json数据

摘要: 场景 通常,我们处理数据,一列数据类型要么是字符串,要么是数字,这些都是primitive类型的数据。 场景 通常,我们处理数据,一列数据类型要么是字符串,要么是数字,这些都是primi...

猫耳m ⋅ 20分钟前 ⋅ 0

关于ireport自定义变量类型为list的时候

自己摸石头过河,我真的应该去趟市中心图书馆,借本真正靠谱的教材 网上的东西,只有0.01%是有用的,还有0.99%是垃圾,剩下的99%是垃圾的复制品。。 哎!~ 问题是这样的,报表带sql,从db中获...

炑炑milina ⋅ 20分钟前 ⋅ 0

Spring mvc ContextLoaderListener 原理解析

对于熟悉Spring MVC功能,首先应从web.xml 开始,在web.xml 文件中我们需要配置一个监听器 ContextLoaderListener,如下。 <!-- 加载spring上下文信息,最主要的功能是解析applicationContex...

轨迹_ ⋅ 21分钟前 ⋅ 0

阿里云发布企业数字化及上云外包平台服务:阿里云众包平台

摘要: 阿里云正式发布旗下众包平台业务(网址:https://zhongbao.aliyun.com/),支持包括:网站定制开发,APP、电商系统等软件开发,商标、商品LOGO、VI、产品包装设计、营销推广、大数据人...

阿里云官方博客 ⋅ 23分钟前 ⋅ 0

Redis安装异常解决办法

官网地址:http://redis.io/ 官网下载地址:http://redis.io/download 1. 下载Redis源码(tar.gz),并上传到Linux 2. 解压缩包:tar zxvf redis-2.8.17.tar.gz 3. 进入解压缩后的文件夹:c...

slagga ⋅ 27分钟前 ⋅ 0

006. 深入JVM学习—年轻代

1. 年轻代图片 年轻代(Young)属于JVM堆内存空间的一个组成部分 所有使用关键字new新实例化的对象一定会在伊甸园区进行保存,而对于存活区保存的一定是已经在伊甸园区存在一段时间并且经过了...

影狼 ⋅ 28分钟前 ⋅ 0

如何成为一个合格的程序员

偶尔的,我会被人问道:如何成为一名优秀的程序员,更或者,如何成为一名程序员。每次人们问起,我都力图给出不同的答案。因此,我的答案是各种各样的。下面就是我认为的成为一名优秀的程序员...

柳猫 ⋅ 29分钟前 ⋅ 0

cups error_log日志暴增

日志内容 File \"/usr/lib/cups/notifier/dbus\" has insecure permissions 解决(未验证适用范围) sudo service cups stopsudo rm /etc/cups/subscriptions.conf*sudo rm -r /var/cac......

一介码夫_Hum ⋅ 33分钟前 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部