文档章节

ul动态生成li(JavaScript写)

leona_lily
 leona_lily
发布于 2015/04/10 16:21
字数 94
阅读 5
收藏 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
博文 96
码字总数 37848
作品 0
朝阳
程序员
动态链接中的JavaScript函数参数传递问题

最近做项目过程中遇到一小问题,查询相关资料后已经解决 问题是: function lowestPriceInfo1(data){ jQuery("#tabcity_1").html(""); var s='<ul>'; var orgCity; var destCity; var orgTi......

狼行-狼行
2013/11/10
0
0
jQuery实现点击菜单出现更多操作下拉框

首先在页面添加JQuery的引用: <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script> 其次添加CSS属性: div.dropdown{heigh......

秦都李先生
2012/11/15
0
0
jquery 隐藏和显示指定的UL>LI片段

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>测试UL</title> <script language="javascript" src="js/jquery-1.5.1.js"></script> <scri......

黄光明
2012/07/15
0
0
web页面播放音频 jquery.jplayer 插件

<!DOCTYPE html> <html> <head> <title>Demo : jPlayer as an audio player</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link stc="js/jplayer.blue.m......

wlg910525
2014/09/05
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

流量劫持是如何产生的?

流量劫持,这种古老的攻击沉寂了一段时间后,最近又开始闹的沸沸扬扬。众多知名品牌的路由器相继爆出存在安全漏洞,引来国内媒体纷纷报道。只要用户没改默认密码,打开一个网页甚至帖子,路由...

谢思华
17分钟前
0
0
Hadoop Client无法使用maven下载源码

最近在学习hadoop,使用maven的时候想看一下源码的注释,结果IDEA一直提示无法下载 搞得我一度以为maven坏掉了。 但是通过搜索,发现在maven仓库里确实没有源码.... 而2.8.1以及之前的版本是...

Iceberg_XTY
19分钟前
0
0
为什么程序员千万不要重写代码?

你所做的事情,也许暂时看不到成果,但不要灰心或焦虑,你不是没有成长,而是在扎根。 图片来自网络 0 前言 程序员都有一颗工程师的心,所以当他们到一片新的场地想做的第一件事就是,将旧的...

Java小铺
20分钟前
0
0
VUE集成AdminLte

1. 安装需要到插件 npm i admin-lte -Snpm i jquery -Snpm i axios -Snpm i vue-router -S 2. 配置webpack.config.js 2.1 module.exports.module.rules修改字体loader: {test: /\.(p......

Pasenger
59分钟前
0
0
Spring Aop原理之切点表达式解析

在前面的文章(Spring AOP切点表达式详解)中,我们总结了Spring Aop切点表达式的用法,而在上文(Spring Aop原理之Advisor过滤)中我们讲到,切点表达式的解析主要是在PatternParser.parse...

爱宝贝丶
今天
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部