文档章节

ul动态生成li(JavaScript写)

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

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

狼行-狼行
2013/11/10
0
0
为什么html的这段代码再别人电脑上运行效果不好?

我的浏览器是ie7,搜狗。他们的浏览器是ie8,火狐。代码: 实用的多级树级菜单 功能 系统功能流程 组织结构图及用户角色 组织结构及用户角色 系统功能层次模块图 系统功能层次模块图 个人办公...

稀饭桶子
2012/05/07
728
7
[求助中] jquery选择器应用问题

提交 提交 提交

LinBaicheng
2012/02/03
302
1
后台获取数据,得到数据后保证页面刷新部分,并且显示数据。。

${i18n.getText("zhuye")} ${i18n.getText("jianjie")} ${i18n.getText("xinwen")} ${i18n.getText("yewu")} ${i18n.getText("zhaopin")} english/语言 ENGLISH 简体中文 ${i18n.getText("li......

激动的葫芦娃
2014/06/08
318
0
[原创]tab滑动面板效果初探

从接触jquery到现在,几乎没怎么去运用,之前一直习惯写js代码,今天想试着用jq实现一些常用的UI功能,滑动面板切换效果 先看效果图,样式比较简单:点击下载【原创】tab切换面板.zip 实例一...

长平狐
2012/08/30
838
2

没有更多内容

加载失败,请刷新页面

加载更多

Java生成二维码图片

maven配置jar包 <dependency><groupId>com.google.zxing</groupId><artifactId>core</artifactId><version>3.3.3</version></dependency><dependency><groupId>com.google.z......

骑羊放狼灬
16分钟前
3
0
oracle 修改字段类型

1.varchar2 类型修改 例子:alter table T_Node modify (NODE_CONTEXT varchar2(4000)); 2.varchar2 修改为clob 例子: alter table T_Node add hehe clob; update T_Node set hehe=NODE_CO......

qimh
20分钟前
4
0
别再写 bug 了,避免空指针的 5 个案例!

空指针是我们 Java 开发人员经常遇到的一个基本异常,这是一个极其普遍但似乎又无法根治的问题。 本文,栈长将带你了解什么是空指针,还有如何有效的避免空指针。 什么是空指针? 当一个变量...

Java技术栈
24分钟前
11
0
FastJson对BigDecimal保留两位小数(valueFilter)

实现ValueFilter public class BigDecimalValueFilter implements ValueFilter { @Override public Object process(Object o, String name, Object value) {//o是待转换的对象,n......

石日天
26分钟前
2
0
android 颜色透明度参照比

##透明度参照表: 00%=FF(不透明) 5%=F2 10%=E5 15%=D8 20%=CC 25%=BF 30%=B2 35%=A5 40%=99 45%=8c 50%=7F 55%=72 60%=66 65%=59 70%=4c 75%=3F 80%=33 85%=21 90%=19 95%=0c 100%=00(全透......

东街小霸王
27分钟前
3
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部